react-native - 从嵌套导航器中隐藏父级的导航标题

Question

我正在开发我的第一个 React Native 应用程序。我的应用程序中的嵌套导航有问题。

我有以下导航:

主应用程序导航器:createStackNavigator

身份验证导航器:createStackNavigator

底部栏导航器:createBottomTabNavigator

顶部选项卡导航器:createMaterialTopTabNavigator

我的嵌套导航器:createStackNavigator

我想要的是 ？

我试图隐藏 底部栏 & TopTab 导航器标题在最后 中形成一个屏幕嵌套 航海家。

我做了什么？

我试图在我的嵌套导航中将标题设置为 null，但这隐藏了嵌套标题而不是父标题。

我还尝试将父标题设置为空值，但这会将它们从所有屏幕中隐藏起来。

我只需要在这个嵌套屏幕中隐藏它们。我可以从嵌套的 React 类更改父标题属性吗？

Answer 1

不幸的是，我不知道如何在不使用 redux 的情况下做到这一点。

所以我不得不做一个解决方法。

我直接在主导航器中声明了我的嵌套导航器。 “与身份验证和底部栏导航处于同一级别”并将此特定导航的标题设置为空。

然后，随时导航到嵌套。

此外，我必须添加我的自定义图标来导航用户返回。因为在我们的例子中，新导航器中没有历史记录可以导航回。

所以，我确实喜欢这样:

static navigationOptions = ({ navigation }) => ({
headerLeft: (
  <Icon
    name="chevron-left"
    color="#fff"
    underlayColor="#4BA6F8"
    onPress={() => {
      const backAction = NavigationActions.back();
      navigation.dispatch(backAction);
    }}
  />
),

});

我知道这不是我问题的真正答案，但至少它解决了我的问题。