@td-design/react-native-tabs
Version:
基于 @td-design/react-native 的 tabs 组件
34 lines • 1.34 kB
TypeScript
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