当Stack Navigator嵌套在另一个Stack Navigator中时,要实现返回操作而不显示两个标题,可以使用以下方法:
const OuterStackNavigator = createStackNavigator({
InnerStack: {
screen: InnerStackNavigator,
navigationOptions: {
header: null, // 隐藏外层标题栏
},
},
// 其他屏幕
});
const InnerStackNavigator = createStackNavigator({
Screen1: {
screen: Screen1,
navigationOptions: ({ navigation }) => ({
headerLeft: (
<TouchableOpacity onPress={() => navigation.goBack()}>
<Text>返回</Text>
</TouchableOpacity>
),
}),
},
// 其他屏幕
});
通过以上方法,可以在嵌套的Stack Navigator中实现返回操作,同时隐藏外层的标题栏,使界面更加简洁。
领取专属 10元无门槛券
手把手带您无忧上云