mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
13 lines
2.8 KiB
Markdown
13 lines
2.8 KiB
Markdown
---
|
|
id: tabbarios
|
|
title: TabBarIOS
|
|
category: Components
|
|
permalink: docs/tabbarios.html
|
|
---
|
|
<div><noscript></noscript><h3><a class="anchor" name="props"></a>Props <a class="hash-link" href="docs/tabbarios.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.html#viewproptypes">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="bartintcolor"></a>barTintColor?: <span class="propType">$FlowFixMe</span> <a class="hash-link" href="docs/tabbarios.html#bartintcolor">#</a></h4><div><p>Background color of the tab bar</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="itempositioning"></a>itemPositioning?: <span class="propType"><span><span>literal | </span><span>literal | </span>literal</span></span> <a class="hash-link" href="docs/tabbarios.html#itempositioning">#</a></h4><div><p>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 <code>fill</code>, in a horizontally regular one (e.g. iPad)
|
|
it defaults to center.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="style"></a>style?: <span class="propType">$FlowFixMe</span> <a class="hash-link" href="docs/tabbarios.html#style">#</a></h4></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="tintcolor"></a>tintColor?: <span class="propType">$FlowFixMe</span> <a class="hash-link" href="docs/tabbarios.html#tintcolor">#</a></h4><div><p>Color of the currently selected tab icon</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="translucent"></a>translucent?: <span class="propType">boolean</span> <a class="hash-link" href="docs/tabbarios.html#translucent">#</a></h4><div><p>A Boolean value that indicates whether the tab bar is translucent</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="unselecteditemtintcolor"></a>unselectedItemTintColor?: <span class="propType">$FlowFixMe</span> <a class="hash-link" href="docs/tabbarios.html#unselecteditemtintcolor">#</a></h4><div><p>Color of unselected tab icons. Available since iOS 10.</p></div></div><div class="prop"><h4 class="propTitle"><a class="anchor" name="unselectedtintcolor"></a>unselectedTintColor?: <span class="propType">$FlowFixMe</span> <a class="hash-link" href="docs/tabbarios.html#unselectedtintcolor">#</a></h4><div><p>Color of text on unselected tabs</p></div></div></div></div> |