我想隐藏我的主堆栈导航器的标题答案

【问题标题】：I want to hide header of my main stack navigator我想隐藏我的主堆栈导航器的标题
【发布时间】：2020-07-24 05:51:17
【问题描述】：

const auth 是我的主要导航器，我在其中调用所有其他 3 个堆栈导航器。问题是这个主堆栈导航器有自己的标题，我在应用程序的其他页面中使用我自己的自定义标题。现在问题是我的应用程序显示两个标题 1 来自主堆栈导航器，第二个是我的自定义导航器我找不到任何好的解决方案来解决这个问题请建议我做什么谢谢

const authSwitch = createStackNavigator ({
  navigationOptions:{
    headerShown:false
  },
    SignInStack : createStackNavigator({
      Login :  { screen: LoginScreen,
      navigationOptions:{
        header:null,
      }},
      Home :  { screen: HomeScreen, navigationOptions: { header: null }},
    }),
    
    SignUpStack :  createStackNavigator({
      MobileCheck :  { screen: MobileCheck,navigationOptions:{header:null}},
      VerifyCode :  { screen: VerifyCode},
      Login :  { screen: LoginScreen},
      Home :  { screen: HomeScreen},

  }),
    ForgotPasswordStack : createStackNavigator({
        MobileCheckFP : {screen:MobileCheckFP,navigationOptions:{header:null}},   //enter mobile no 
        ForgotPassword : ForgotPassword,  //enter OTP , new pass and confirm pass
        Login : LoginScreen,
        Home : HomeScreen,
    })
});

【问题讨论】：

标签： javascript reactjs react-native react-navigation

【解决方案1】：

您必须在导航器级别使用 headerMode:'none'

const authSwitch = createStackNavigator (
  {
   SignInStack : createStackNavigator({
      Login :  { screen: LoginScreen,
      navigationOptions:{
        headerShown: false,
      }},
      Home :  { screen: HomeScreen, navigationOptions: { headerShown: false }},
    }),
    
    SignUpStack :  createStackNavigator({
      MobileCheck :  { screen: MobileCheck,navigationOptions:{ headerShown: false }},
      VerifyCode :  { screen: VerifyCode},
      Login :  { screen: LoginScreen},
      Home :  { screen: HomeScreen},

  }),
    ForgotPasswordStack : createStackNavigator({
        MobileCheckFP : {screen:MobileCheckFP,navigationOptions:{ headerShown: false }},   //enter mobile no 
        ForgotPassword : ForgotPassword,  //enter OTP , new pass and confirm pass
        Login : LoginScreen,
        Home : HomeScreen,
    })
  },
  {
    headerMode: 'none',
  }
);

我无法通过添加您的屏幕进行测试，但这应该可以。

【讨论】：