react-native-tab-view
Version:
Tab view component for React Native
36 lines • 1.4 kB
TypeScript
import * as React from 'react';
import { Animated, LayoutChangeEvent, PressableAndroidRippleConfig, StyleProp, TextStyle, ViewStyle } from 'react-native';
import type { NavigationState, Route, Scene } from './types';
export type Props<T extends Route> = {
position: Animated.AnimatedInterpolation<number>;
route: T;
navigationState: NavigationState<T>;
activeColor?: string;
inactiveColor?: string;
pressColor?: string;
pressOpacity?: number;
getLabelText: (scene: Scene<T>) => string | undefined;
getAccessible: (scene: Scene<T>) => boolean | undefined;
getAccessibilityLabel: (scene: Scene<T>) => string | undefined;
getTestID: (scene: Scene<T>) => string | undefined;
renderLabel?: (scene: {
route: T;
focused: boolean;
color: string;
}) => React.ReactNode;
renderIcon?: (scene: {
route: T;
focused: boolean;
color: string;
}) => React.ReactNode;
renderBadge?: (scene: Scene<T>) => React.ReactNode;
onLayout?: (event: LayoutChangeEvent) => void;
onPress: () => void;
onLongPress: () => void;
defaultTabWidth?: number;
labelStyle?: StyleProp<TextStyle>;
style: StyleProp<ViewStyle>;
android_ripple?: PressableAndroidRippleConfig;
};
export declare function TabBarItem<T extends Route>(props: Props<T>): JSX.Element;
//# sourceMappingURL=TabBarItem.d.ts.map