TabBarIOS.Item

Props#


Reference#

Props#

selected#

It specifies whether the children are visible or not. If you see a blank content, you probably forgot to add a selected one.

TypeRequired
boolNo

badge#

Little red bubble that sits at the top right of the icon.

TypeRequired
string, ,numberNo

icon#

A custom icon for the tab. It is ignored when a system icon is defined.

TypeRequired
Image.propTypes.sourceNo

onPress#

Callback when this tab is being selected, you should change the state of your component to set selected={true}.

TypeRequired
functionNo

renderAsOriginal#

If set to true it renders the image as original, it defaults to being displayed as a template

TypeRequired
boolNo

badgeColor#

Background color for the badge. Available since iOS 10.

TypeRequired
colorNo

selectedIcon#

A custom icon when the tab is selected. It is ignored when a system icon is defined. If left empty, the icon will be tinted in blue.

TypeRequired
Image.propTypes.sourceNo

style#

React style object.

TypeRequired
View.styleNo

systemIcon#

Items comes with a few predefined system icons. Note that if you are using them, the title and selectedIcon will be overridden with the system ones.

TypeRequired
enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated')No

title#

Text that appears under the icon. It is ignored when a system icon is defined.

TypeRequired
stringNo

isTVSelectable#

(Apple TV only)* When set to true, this view will be focusable and navigable using the Apple TV remote.

TypeRequiredPlatform
boolNoiOS