TabController.TabBarItem
TabController's TabBarItem component
(code example)
#
Usage<TabBarItem label={'Item'}/>
#
API#
activeBackgroundColor Apply background color on press for TouchableOpacity
string
#
activeOpacityThe active opacity when pressing a tab
number
#
backgroundColor Apply background color for the tab bar item
string
#
badgeBadge component props to display next the item label
BadgeProps
#
iconIcon of the tab
number
#
iconColorIcon tint color
string
#
ignoreIgnore tab presses
boolean
#
labelLabel of the tab
string
#
labelColorThe default label color
string
#
labelPropsExtra label props to pass to label Text element
TextProps
#
labelStyleCustom label style
TextStyle
#
leadingAccessoryPass to render a leading element
ReactElement
#
onPressCallback for when pressing a tab
(index: number) => void
#
selectedIconColorIcon selected tint color
string
#
selectedLabelColorThe selected label color
string
#
selectedLabelStyleCustom selected label style
TextStyle
#
stylePass custom style
ViewStyle
#
testIDUsed as a testing identifier
string
#
trailingAccessoryPass to render a trailing element
ReactElement
#
uppercaseWhether to change the text to uppercase
boolean
#
widthA fixed width for the item
number