18、React Native 中 iOS 和 Android 特定组件的使用

React Native 中 iOS 和 Android 特定组件的使用

1. 使用 TabBarIOS 渲染底部标签栏

1.1 TabBarIOS 简介

TabBarIOS 可让我们访问原生 iOS 标签栏，它能在 UI 底部渲染标签，是将应用划分为不同部分的便捷方式。其属性如下表所示：
| 属性 | 类型 | 描述 |
| ---- | ---- | ---- |
| barTintColor | String (color) | 标签栏的背景颜色 |
| itemPositioning | Enum (“fill”, “center”, “auto”) | 标签栏项目的定位方式。fill 会将项目分布在标签栏的整个宽度上；center 会将项目居中显示；auto（默认）会根据 UI 风格动态分布项目，在水平紧凑环境中默认使用 fill，否则默认使用 center |
| style | Object (style) | TabBarIOS 的样式 |
| tintColor | String (color) | 当前选中标签图标的颜色 |
| translucent | Boolean | 指示标签栏是否半透明 |
| unselectedItemTintColor | String (color) | 未选中标签图标的颜色（从 iOS 10 开始可用） |
| unselectedTintColor | String (color) | 未选中标签上文本的颜色 |

TabBarIOS 接受一系列 TabBarIOS.Item 组件作为子组件，示例代码如下：