包含在SwitchNavigator中的Tab Navigator无法通过后退按钮获取标题栏
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了包含在SwitchNavigator中的Tab Navigator无法通过后退按钮获取标题栏相关的知识，希望对你有一定的参考价值。
现在我有一个开关导航器，我的所有屏幕都可以路由一切。设置如下。登录后，我的应用程序启动将我带到登录页面，将我带到具有主屏幕的TabNavigator。我的主屏幕有一个事件列表。点击活动后，您将进入更详细的页面。此详细页面应该有一个带有后退按钮的标题栏，可以返回到主主屏幕。截至目前，没有办法设置标题栏返回。
render() {
return(<AppContainer />);
}
}
const HomeTabNavigator = createBottomTabNavigator({
Home {
screen: Home
},
Settings
});
const AppStackNavigator = createSwitchNavigator({
Home: {
screen: Login,
},
Signup: {
screen: Signup,
navigationOptions: {
//title: 'Registration',
//header: null
}
},
Main: {
screen: HomeTabNavigator,
navigationOptions: {
}
},
Event: {
screen: Event,
navigationOptions: {
title: "Pickup",
}
}
});
const AppContainer = createAppContainer(AppStackNavigator);
“事件”屏幕是列表中的屏幕，它应该具有带有后退按钮但未显示的标题“Pickup”
答案
感谢Ziyo让我指向正确的方向。
switchStackNavigator和stacknavigator用于不同的事情。它们不可互换。实际创建了switchStack，因此在您只想显示单个屏幕的情况下，没有后退按钮用于身份验证等情况。
https://reactnavigation.org/docs/en/switch-navigator.html
另一答案
const HomeTabNavigator = createBottomTabNavigator({
Home {
screen: Home
},
Settings
});
const StackNavigation = createStackNavigator({
Main: HomeTabNavigator
})
const AppStackNavigator = createSwitchNavigator({
...
Main: {
screen: StackNavigation, // Right here you would have a stack navigation
navigationOptions: {
}
},
...
});以上是关于包含在SwitchNavigator中的Tab Navigator无法通过后退按钮获取标题栏的主要内容，如果未能解决你的问题，请参考以下文章