Skip to main content

TabController.TabBarItem

TabController's TabBarItem component
(code example)

Usage​

Live Editor
<TabBarItem label={'Item'}/>
Result
Loading...

API​

activeBackgroundColor​

Apply background color on press for TouchableOpacity string

activeOpacity​

The active opacity when pressing a tab number

backgroundColor​

Apply background color for the tab bar item string

badge​

Badge component props to display next the item label BadgeProps

icon​

Icon of the tab number

iconColor​

Icon tint color string

ignore​

Ignore tab presses boolean

label​

Label of the tab string

labelColor​

The default label color string

labelProps​

Extra label props to pass to label Text element TextProps

labelStyle​

Custom label style TextStyle

leadingAccessory​

Pass to render a leading element ReactElement

onPress​

Callback for when pressing a tab (index: number) => void

selectedIconColor​

Icon selected tint color string

selectedLabelColor​

The selected label color string

selectedLabelStyle​

Custom selected label style TextStyle

style​

Pass custom style ViewStyle

testID​

Used as a testing identifier string

trailingAccessory​

Pass to render a trailing element ReactElement

uppercase​

Whether to change the text to uppercase boolean

width​

A fixed width for the item number