UNPKG

@td-design/react-native-tabs

Version:

基于 @td-design/react-native 的 tabs 组件

34 lines 1.34 kB
import { ReactNode } from 'react'; import { StyleProp, TextStyle, ViewStyle } from 'react-native'; type Tab = { title: string; component: ReactNode; }; export interface TabsProps { scenes: Tab[]; lazy?: boolean; renderLazyPlaceholder?: () => JSX.Element; /** 默认当前是第几个tab */ initialPage?: number; /** 当前是第几个tab */ page?: number; /** 切换tab事件 */ onChange?: (page: number) => void; /** 标签栏的高度。 默认为48 */ height?: number; /** 是否支持手势滚动。 */ scrollEnabled?: boolean; /** 是否显示指示器。 默认为true */ showIndicator?: boolean; /** 到第一页或者最后一页之后还是否允许继续拖动。 默认为true */ overdrag?: boolean; /** 键盘关闭模式。 默认为滚动时关闭 */ keyboardDismissMode?: 'none' | 'on-drag'; tabStyle?: StyleProp<ViewStyle>; tabItemStyle?: StyleProp<ViewStyle>; labelStyle?: StyleProp<TextStyle>; indicatorStyle?: StyleProp<ViewStyle>; } export default function Tabs({ initialPage, lazy, renderLazyPlaceholder, page, onChange, scenes, height, showIndicator, scrollEnabled, overdrag, keyboardDismissMode, tabStyle, tabItemStyle, labelStyle, indicatorStyle, }: TabsProps): JSX.Element; export {}; //# sourceMappingURL=index.d.ts.map