barStyle
barTintColor
itemPositioning
style
tintColor
translucent
unselectedItemTintColor
unselectedTintColor
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
, 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 |
© 2015–2018 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://facebook.github.io/react-native/docs/tabbarios.html