react-native-screens
Version:
Native navigation primitives for your React Native app.
68 lines • 4.02 kB
TypeScript
import type { CodegenTypes as CT, ImageSource, ProcessedColorValue, ViewProps } from 'react-native';
import { UnsafeMixed } from './codegenUtils';
type GenericEmptyEvent = Readonly<{}>;
export type IconType = 'image' | 'template' | 'sfSymbol' | 'xcasset';
export type ItemStateAppearance = {
tabBarItemTitleFontFamily?: string | undefined;
tabBarItemTitleFontSize?: CT.Float | undefined;
tabBarItemTitleFontWeight?: string | undefined;
tabBarItemTitleFontStyle?: string | undefined;
tabBarItemTitleFontColor?: ProcessedColorValue | null | undefined;
tabBarItemTitlePositionAdjustment?: {
horizontal?: CT.Float | undefined;
vertical?: CT.Float | undefined;
} | undefined;
tabBarItemIconColor?: ProcessedColorValue | null | undefined;
tabBarItemBadgeBackgroundColor?: ProcessedColorValue | null | undefined;
};
export type ItemAppearance = {
normal?: ItemStateAppearance | undefined;
selected?: ItemStateAppearance | undefined;
focused?: ItemStateAppearance | undefined;
disabled?: ItemStateAppearance | undefined;
};
export type Appearance = {
stacked?: ItemAppearance | undefined;
inline?: ItemAppearance | undefined;
compactInline?: ItemAppearance | undefined;
tabBarBackgroundColor?: ProcessedColorValue | null | undefined;
tabBarShadowColor?: ProcessedColorValue | null | undefined;
tabBarBlurEffect?: CT.WithDefault<BlurEffect, 'systemDefault'>;
};
type BlurEffect = 'none' | 'systemDefault' | 'extraLight' | 'light' | 'dark' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
type Orientation = 'inherit' | 'all' | 'allButUpsideDown' | 'portrait' | 'portraitUp' | 'portraitDown' | 'landscape' | 'landscapeLeft' | 'landscapeRight';
type SystemItem = 'none' | 'bookmarks' | 'contacts' | 'downloads' | 'favorites' | 'featured' | 'history' | 'more' | 'mostRecent' | 'mostViewed' | 'recents' | 'search' | 'topRated';
type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
export interface NativeProps extends ViewProps {
onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent> | undefined;
screenKey: string;
preventNativeSelection?: CT.WithDefault<boolean, false>;
title?: string | undefined | null;
badgeValue?: string | undefined;
orientation?: CT.WithDefault<Orientation, 'inherit'>;
tabBarItemTestID?: string | undefined;
tabBarItemAccessibilityLabel?: string | undefined;
specialEffects?: {
repeatedTabSelection?: {
popToRoot?: CT.WithDefault<boolean, true>;
scrollToTop?: CT.WithDefault<boolean, true>;
} | undefined;
} | undefined;
isTitleUndefined?: CT.WithDefault<boolean, true>;
systemItem?: CT.WithDefault<SystemItem, 'none'>;
standardAppearance?: UnsafeMixed<Appearance> | undefined;
scrollEdgeAppearance?: UnsafeMixed<Appearance> | undefined;
iconType?: CT.WithDefault<IconType, 'sfSymbol'>;
iconImageSource?: ImageSource | undefined;
iconResourceName?: string | undefined;
selectedIconImageSource?: ImageSource | undefined;
selectedIconResourceName?: string | undefined;
overrideScrollViewContentInsetAdjustmentBehavior?: CT.WithDefault<boolean, true>;
userInterfaceStyle?: CT.WithDefault<UserInterfaceStyle, 'unspecified'>;
}
declare const _default: import("react-native").HostComponent<NativeProps>;
export default _default;
//# sourceMappingURL=TabsScreenIOSNativeComponent.d.ts.map