mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
15 lines
4.1 KiB
Markdown
15 lines
4.1 KiB
Markdown
---
|
|
id: tabbarios-item
|
|
title: TabBarIOS.Item
|
|
category: Components
|
|
permalink: docs/tabbarios-item.html
|
|
---
|
|
<div><noscript></noscript><h3><a class="anchor" name="props"></a>Props <a class="hash-link" href="docs/tabbarios-item.html#props">#</a></h3><div class="props"><div class="prop"><h4 class="propTitle"><a class="anchor" name="viewproptypes"></a><a href="docs/viewproptypes.html#props">ViewPropTypes props...</a> <a class="hash-link" href="docs/tabbarios-item.html#viewproptypes">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="badge"></a>badge?: <span class="propType"><span><span>string, </span>number</span></span> <a class="hash-link" href="docs/tabbarios-item.html#badge">#</a></h4><div><p>Little red bubble that sits at the top right of the icon.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="badgecolor"></a>badgeColor?: <span class="propType"><a href="docs/colors.html">color</a></span> <a class="hash-link" href="docs/tabbarios-item.html#badgecolor">#</a></h4><div><p>Background color for the badge. Available since iOS 10.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="icon"></a>icon?: <span class="propType">Image.propTypes.source</span> <a class="hash-link" href="docs/tabbarios-item.html#icon">#</a></h4><div><p>A custom icon for the tab. It is ignored when a system icon is defined.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="onpress"></a>onPress?: <span class="propType">function</span> <a class="hash-link" href="docs/tabbarios-item.html#onpress">#</a></h4><div><p>Callback when this tab is being selected, you should change the state of your
|
|
component to set selected={true}.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="renderasoriginal"></a>renderAsOriginal?: <span class="propType">bool</span> <a class="hash-link" href="docs/tabbarios-item.html#renderasoriginal">#</a></h4><div><p>If set to true it renders the image as original,
|
|
it defaults to being displayed as a template</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="selected"></a>selected?: <span class="propType">bool</span> <a class="hash-link" href="docs/tabbarios-item.html#selected">#</a></h4><div><p>It specifies whether the children are visible or not. If you see a
|
|
blank content, you probably forgot to add a selected one.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="selectedicon"></a>selectedIcon?: <span class="propType">Image.propTypes.source</span> <a class="hash-link" href="docs/tabbarios-item.html#selectedicon">#</a></h4><div><p>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.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="style"></a>style?: <span class="propType">ViewPropTypes.style</span> <a class="hash-link" href="docs/tabbarios-item.html#style">#</a></h4><div><p>React style object.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="systemicon"></a>systemIcon?: <span class="propType">enum('bookmarks', 'contacts', 'downloads', 'favorites', 'featured', 'history', 'more', 'most-recent', 'most-viewed', 'recents', 'search', 'top-rated')</span> <a class="hash-link" href="docs/tabbarios-item.html#systemicon">#</a></h4><div><p>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.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="title"></a>title?: <span class="propType">string</span> <a class="hash-link" href="docs/tabbarios-item.html#title">#</a></h4><div><p>Text that appears under the icon. It is ignored when a system icon
|
|
is defined.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="istvselectable"></a><span class="platform">ios</span>isTVSelectable?: <span class="propType">bool</span> <a class="hash-link" href="docs/tabbarios-item.html#istvselectable">#</a></h4><div><p>(Apple TV only)* When set to true, this view will be focusable
|
|
and navigable using the Apple TV remote.</p></div></div></div></div> |