我想隱藏我的主堆棧導航器的 header

Question

const auth 是我的主要導航器，我在其中調用所有其他 3 個堆棧導航器。 問題是這個主堆棧導航器有自己的 header，我在應用程序的其他頁面中使用我自己定制的 header。 現在問題是我的應用程序顯示兩個標題 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, }) });

Answer 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',
  }
);

我無法通過添加您的屏幕進行測試，但這應該可以。