id |
title |
layout |
category |
permalink |
next |
previous |
tabbarios-item |
TabBarIOS.Item |
docs |
components |
docs/tabbarios-item.html |
text |
tabbarios |
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.
badge
Little red bubble that sits at the top right of the icon.
Type |
Required |
string, number |
No |
icon
A custom icon for the tab. It is ignored when a system icon is defined.
Type |
Required |
Image.propTypes.source |
No |
onPress
Callback when this tab is being selected, you should change the state of your
component to set selected={true}.
Type |
Required |
function |
No |
renderAsOriginal
If set to true it renders the image as original,
it defaults to being displayed as a template
badgeColor
Background color for the badge. Available since iOS 10.
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.
style
React style object.
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.
Type |
Required |
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.
isTVSelectable
(Apple TV only)* When set to true, this view will be focusable
and navigable using the Apple TV remote.
Type |
Required |
Platform |
bool |
No |
iOS |