react-native/docs/tabbarios.md

id	title	layout	category	permalink	next	previous
tabbarios	TabBarIOS	docs	components	docs/tabbarios.html	tabbarios-item	switch

Props

• View props...
• barStyle
• barTintColor
• itemPositioning
• style
• tintColor
• translucent
• unselectedItemTintColor
• unselectedTintColor

---

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
ViewPropTypes.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