工具介绍
React Native 独立于平台的选项卡。可用于底部选项卡栏以及分区视图(带有选项卡按钮)
React-native-tabs
React Native 独立于平台的标签。可用于底部标签栏以及分区视图(带有标签按钮)
它是如何工作的? 组件只需要遍历所有子元素,并使它们可点击('name' 是每个子元素的唯一属性)。 selectedStyle 属性表示应为选中的标签应用的样式。 该属性可以为所有标签或单个标签设置。 selectedIconStyle 表示应用于选中的标签的样式。 同样,可以为所有标签或/和单个标签设置 onSelect 处理程序。 通过传递 prop {locked: true} 可以锁定标签按钮(用户需要长按才能激活按钮)。
示例示例将选中的图标颜色设置为红色,并更改示例视图的状态。若要切换到其他视图,您可以使用 React-native-router-flux 组件或自定义的导航控制器