Skip to main content

TabController.TabBarItem

<TabBarItem label={'Item'}/>
APIThis is the list of additional props for the component

activeBackgroundColor
string
​

Apply background color on press for TouchableOpacity

activeOpacity
number
​

The active opacity when pressing a tab

backgroundColor
string
​

Apply background color for the tab bar item

badge
BadgeProps
​

Badge component props to display next the item label

icon
number
​

Icon of the tab

iconColor
string
​

Icon tint color

ignore
boolean
​

Ignore tab presses

label
string
​

Label of the tab

labelColor
string
​

The default label color. Default is Colors.black

labelProps
TextProps
​

Extra label props to pass to label Text element

labelStyle
TextStyle
​

Custom label style

leadingAccessory
ReactElement
​

Pass to render a leading element

onPress
(index: number) => void
​

Callback for when pressing a tab

selectedIconColor
string
​

Icon selected tint color

selectedLabelColor
string
​

The selected label color. Default is Colors.$textPrimary

selectedLabelStyle
TextStyle
​

Custom selected label style

style
ViewStyle
​

Pass custom style

testID
string
​

Used as a testing identifier

trailingAccessory
ReactElement
​

Pass to render a trailing element

uppercase
boolean
​

Whether to change the text to uppercase

width
number
​

A fixed width for the item