选项卡中的React Native选项卡

Question

我无法找到是否可以在React Native中在屏幕上创建标签。有没有办法做到这一点？我的意思是，我已经使用了StackNavigator，我无法理解如何从StackNavigator中将TabNavigator添加到屏幕中。

更新！这个问题的解决方案非常简单，但对我来说，完全不明显！只需在视图中设置flex样式即可 例如：

<View style={{ flex: 1 }}> // <- this is main screen
  <View> // <- this is screen header, you don't change this when click on Tab
    Some header
  </View>

  <View style={{ flex: 2 }}>
    <YourTabNavigator /> // <- your tabs (imported from external or same file)
  </View>
</View>

Answer 1

是的，您可以创建标签，因为它是移动应用程序中常用的设计。 因为我无法使用评论来获取一些必要的信息。 但是，我会尝试提供一般性答案。

如果您使用的是反应导航，则可以使用TabNavigator provided by react-navigation创建标签。文档也包含必要的代码。

你也可以使用像react-native-tabs

这样的纯JS组件

如果您使用其他导航库，则可以看到相应的文档。