UNPKG

react-native-ui-lib

Version:

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

86 lines (85 loc) 1.95 kB
import React, { ReactElement } from 'react'; import { StyleProp, ViewStyle, TextStyle } from 'react-native'; import { BadgeProps } from '../badge'; export interface TabBarItemProps { /** * icon of the tab */ icon?: number; /** * icon tint color */ iconColor?: string; /** * icon selected tint color */ iconSelectedColor?: string; /** * label of the tab */ label?: string; /** * custom label style */ labelStyle?: StyleProp<TextStyle>; /** * Badge component's props to display next the item label */ badgeProps?: BadgeProps; /** * Pass to render a leading element */ leadingAccessory?: ReactElement; /** * Pass to render a trailing element */ trailingAccessory?: ReactElement; /** * maximum number of lines the label can break */ maxLines?: number; /** * custom selected tab label style */ selectedLabelStyle?: StyleProp<TextStyle>; /** * whether the tab is selected or not */ selected?: boolean; /** * whether the tab will have a divider on its right */ showDivider?: boolean; /** * A fixed width for the item */ width?: number; /** * tabBar's background color */ backgroundColor?: string; /** * ignore of the tab */ ignore?: boolean; /** * callback for when pressing a tab */ onPress?: () => void; /** * whether to change the text to uppercase */ uppercase?: boolean; /** * Apply background color on press for TouchableOpacity */ activeBackgroundColor?: string; accessibilityLabel?: string; indicatorStyle?: StyleProp<ViewStyle>; style?: ViewStyle; testID?: string; } declare const _default: React.ComponentClass<TabBarItemProps & { useCustomTheme?: boolean | undefined; }, any>; export default _default;