从嵌套导航器中隐藏父级导航标题

Question

我正在开发我的第一个反应原生应用程序。我在应用程序中嵌套导航存在问题。

I've the following navigations:

• 主App Navigator：createStackNavigator 身份验证导航器：createStackNavigator Bottom Bar Navigator：createBottomTabNavigator Top Tab Navigator：createMaterialTopTabNavigator 我太嵌套的Navigator：createStackNavigator

What i want ?

• 我试图在最后一个嵌套导航器中隐藏BottomBar和TopTab Navigators标题。

What I did?

• 我试图在我的嵌套导航中将标头设置为null，但那隐藏了嵌套标头而不是父标头。
• 我还尝试将父标题设置为空值，但这会将它们隐藏在所有屏幕中。

I need to only hide them in this nested screen. Can I change the parents headers property from my nested React Class?

Answer 1

不幸的是，如果不使用redux，我没有想到如何做到这一点。

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

我直接在主导航器中声明了我的嵌套导航器。 “与Authentication＆Bottom Bar Navigations处于同一级别”，并将此标头设置为此特定导航的null。

然后，随时导航到嵌套。

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

所以，我喜欢这样：

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

});

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