Skip to main content

TabController.TabBar

TabController's TabBar component
(code example)

Usage#

<TabController.TabBar activeBackgroundColor={Colors.blue30}/>

API#

activeBackgroundColor#

Apply background color on press for tab item
string

backgroundColor#

The TabBar background Color
string

centerSelected#

Pass to center selected item
boolean

containerStyle#

Additional styles for the container
ViewStyle

containerWidth#

The TabBar container width
number

enableShadow#

Show Tab Bar bottom shadow
boolean

height#

Tab Bar height
number

iconColor#

Icon tint color
string

indicatorInsets#

The indicator insets
number

indicatorStyle#

Custom style for the selected indicator
ViewStyle

labelColor#

The default label color
string

labelStyle#

Custom label style
TextStyle

selectedIconColor#

Icon selected tint color
string

selectedLabelColor#

The selected label color
string

selectedLabelStyle#

Custom selected label style
TextStyle

shadowStyle#

Custom shadow style
ViewStyle

spreadItems#

Whether the tabBar should be spread
boolean

testID#

The component test id
string

uppercase#

Whether to change the text to uppercase
boolean