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
TypeScript
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;