Version: 0.61
TabBarIOS
Props#
barStylebarTintColoritemPositioningstyletintColortranslucentunselectedItemTintColorunselectedTintColor
Reference#
Props#
barStyle#
The style of the tab bar. Supported values are 'default', 'black'. Use 'black' instead of setting barTintColor to black. This produces a tab bar with the native iOS style with higher translucency.
| Type | Required |
|---|---|
| enum('default', 'black') | No |
barTintColor#
Background color of the tab bar
| Type | Required |
|---|---|
| color | No |
itemPositioning#
Specifies tab bar item positioning. Available values are:
- fill - distributes items across the entire width of the tab bar
- center - centers item in the available tab bar space
- auto (default) - distributes items dynamically according to the user interface idiom. In a horizontally compact environment (e.g. iPhone 5) this value defaults to
fill, in a horizontally regular one (e.g. iPad) it defaults to center.
| Type | Required |
|---|---|
| enum('fill', 'center', 'auto') | No |
style#
| Type | Required |
|---|---|
| View.style | No |
tintColor#
Color of the currently selected tab icon
| Type | Required |
|---|---|
| color | No |
translucent#
A Boolean value that indicates whether the tab bar is translucent
| Type | Required |
|---|---|
| bool | No |
unselectedItemTintColor#
Color of unselected tab icons. Available since iOS 10.
| Type | Required |
|---|---|
| color | No |
unselectedTintColor#
Color of text on unselected tabs
| Type | Required |
|---|---|
| color | No |