react-native-screens
Version:
Native navigation primitives for your React Native app.
80 lines • 4.22 kB
TypeScript
import type { CodegenTypes as CT, ColorValue, ImageSource, ProcessedColorValue, ViewProps } from 'react-native';
import { UnsafeMixed } from './codegenUtils';
export type IconType = 'image' | 'template' | 'sfSymbol';
type GenericEmptyEvent = Readonly<{}>;
type LifecycleStateChangeEvent = Readonly<{
previousState: CT.Int32;
newState: CT.Int32;
}>;
export type ItemStateAppearance = {
tabBarItemTitleFontFamily?: string;
tabBarItemTitleFontSize?: CT.Float;
tabBarItemTitleFontWeight?: string;
tabBarItemTitleFontStyle?: string;
tabBarItemTitleFontColor?: ProcessedColorValue | null;
tabBarItemTitlePositionAdjustment?: {
horizontal?: CT.Float;
vertical?: CT.Float;
};
tabBarItemIconColor?: ProcessedColorValue | null;
tabBarItemBadgeBackgroundColor?: ProcessedColorValue | null;
};
export type ItemAppearance = {
normal?: ItemStateAppearance;
selected?: ItemStateAppearance;
focused?: ItemStateAppearance;
disabled?: ItemStateAppearance;
};
export type Appearance = {
stacked?: ItemAppearance;
inline?: ItemAppearance;
compactInline?: ItemAppearance;
tabBarBackgroundColor?: ProcessedColorValue | null;
tabBarShadowColor?: ProcessedColorValue | null;
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 ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
export interface NativeProps extends ViewProps {
onLifecycleStateChange?: CT.DirectEventHandler<LifecycleStateChangeEvent>;
onWillAppear?: CT.DirectEventHandler<GenericEmptyEvent>;
onDidAppear?: CT.DirectEventHandler<GenericEmptyEvent>;
onWillDisappear?: CT.DirectEventHandler<GenericEmptyEvent>;
onDidDisappear?: CT.DirectEventHandler<GenericEmptyEvent>;
isFocused?: boolean;
tabKey: string;
title?: string | undefined | null;
isTitleUndefined?: CT.WithDefault<boolean, true>;
badgeValue?: string;
orientation?: CT.WithDefault<Orientation, 'inherit'>;
drawableIconResourceName?: string;
imageIconResource?: ImageSource;
tabBarItemBadgeTextColor?: ColorValue;
tabBarItemBadgeBackgroundColor?: ColorValue;
standardAppearance?: UnsafeMixed<Appearance>;
scrollEdgeAppearance?: UnsafeMixed<Appearance>;
iconType?: CT.WithDefault<IconType, 'sfSymbol'>;
iconImageSource?: ImageSource;
iconSfSymbolName?: string;
selectedIconImageSource?: ImageSource;
selectedIconSfSymbolName?: string;
systemItem?: CT.WithDefault<SystemItem, 'none'>;
specialEffects?: {
repeatedTabSelection?: {
popToRoot?: CT.WithDefault<boolean, true>;
scrollToTop?: CT.WithDefault<boolean, true>;
};
};
overrideScrollViewContentInsetAdjustmentBehavior?: CT.WithDefault<boolean, true>;
bottomScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
leftScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
rightScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
topScrollEdgeEffect?: CT.WithDefault<ScrollEdgeEffect, 'automatic'>;
userInterfaceStyle?: CT.WithDefault<UserInterfaceStyle, 'unspecified'>;
}
declare const _default: import("react-native").HostComponent<NativeProps>;
export default _default;
//# sourceMappingURL=BottomTabsScreenNativeComponent.d.ts.map