@fruits-chain/react-native-xiaoshu/src/tabs/interface.ts

🌈 React Native UI library

import type { TabBarProps } from '../tab-bar/interface'

export interface TabsProps
  extends Omit<
    TabBarProps,
    | 'value'
    | 'defaultValue'
    | 'options'
    | 'onChange'
    | 'indicator'
    | 'divider'
    | 'safeAreaInsetBottom'
    | 'keyboardShowNotRender'
    | 'hidden'
    | 'style'
    | 'height'
    | 'backgroundColor'
  > {
  /**
   * TabBar style
   */
  tabBarStyle?: TabBarProps['style']

  /**
   * TabBar 高度
   */
  tabBarHeight?: TabBarProps['height']

  /**
   * TabBar 背景色
   * @default bottom_bar_background_color
   */
  tabBarBackgroundColor?: TabBarProps['backgroundColor']

  /**
   * 当前激活 tab 面板的 key
   */
  activeKey?: string

  /**
   * 初始化选中面板的 key，如果没有设置 activeKey
   */
  defaultActiveKey?: string

  /**
   * 切换面板的回调
   */
  onChange?: (activeKey: string) => void
}

export interface TabPaneProps {
  /**
   * 对应 activeKey
   */
  key: string

  /**
   * 选项卡头显示文字
   */
  tab: string

  /**
   * 是否在激活时才渲染节点
   * @default true
   */
  lazyRender?: boolean
}

export interface TabViewProps {
  /**
   * 是否在激活时才渲染节点
   * @default true
   */
  lazyRender?: boolean

  /**
   * 是否激活
   */
  active?: boolean
}