React Native：使用嵌套导航器时隐藏标题答案

【问题标题】：React Native : Hide header when using nested navigatorsReact Native：使用嵌套导航器时隐藏标题
【发布时间】：2018-05-14 16:44:02
【问题描述】：

我正在使用反应导航和嵌套导航器编写一个多屏应用程序。我正在尝试在上层使用选项卡导航器，在下层使用堆栈导航器。标签导航器让我在屏幕之间滑动。现在，在第一个屏幕中，我放置了 2 个按钮，如果按下这些按钮，则使用 StackNavigator 导航到另一个屏幕。问题是当我按下按钮时，两个标题都是可见的。我想隐藏上面的选项卡导航器标题。谁能帮帮我？

【问题讨论】：

在第二个导航对象上，将 header 属性设置为 null。
如果您想要代码，请在此处发布您的导航代码，以便我编辑和解释给您。
谢谢，但我注意到 header 属性只能在 StackNavigator 中修改，而不能在 TabNavigator 中修改，就像我想做的那样。我解决了渲染模态而不是视图的问题。但是我不知道这是否是最好的解决方案，但对我有用。

标签： react-native header nested react-navigation

【解决方案1】：

您需要将选项卡选项中的 headerShown 选项设置为 false。示例代码：

<Tab.Navigator>
  <Tab.Screen
    name="HomeScreen"
    component={HomeScreen}
    options={{headerShown: false}}
  />
  <Tab.Screen name="ProfileScreen" component={ProfileScreen} />
</Tab.Navigator>

【讨论】：