Skip to main content
Version: 0.60

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