我想隐藏我的主堆栈导航器的标题
我想隐藏我的主堆栈导航器的标题
提问于 2020-07-24 13:51:18
const auth是我的主要导航器，我在其中调用所有其他3个堆栈导航器。问题是这个主堆栈导航器有它自己的头，而我在应用程序的其他页面中使用我自己的自定义头。现在的问题是，我的应用程序显示了两个标题，一个来自主栈导航器，另一个是我的自定义导航器。我找不到任何好的解决方案来解决这个问题，请友好地建议我做什么谢谢
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,
})
});
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-24 14:03:31
您必须在导航器级别使用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',
}
);我不能通过添加屏幕来测试，但这应该可以工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63067609
复制相关文章
相似问题
腾讯云开发者
