我发现在使用嵌套的StackNavigators时,react-navigation(v1.5.11) Headers 中的默认后退按钮会返回到之前的StackNavigator . 例如,请考虑以下事项:
The first level StackNavigator (used within a TabNavigator)
export const NotebookStack = StackNavigator({
NotebookMain: {
screen: NotebookContainer,
navigationOptions: {
title: 'My Notebook'
},
UserFavorites: {
screen: FavoritesStack,
navigationOptions: {
tabBarVisible: false,
swipeEnabled: false,
title: 'My Favorites',
headerTitleStyle: {
fontSize: 24,
fontFamily: 'WorkSansLight',
fontWeight: '200',
}
}
}
});
FavoritesStack used in the above first level StackNavigator
export const FavoritesStack = StackNavigator({
FavoritesSearch: {
screen: FavoritesSearchContainer
},
FavoritesFilters: {
screen: FavoritesFiltersSlim
}
}, { headerMode: 'none' });
当导航到“FavoritesFilter”路线并按下手机的后退按钮时,它会导航回“FavoritesSearch”路线 . 但是,当按下 Headers 中的默认后退图标时,它会导航回上一个堆栈中的“NotebookMain” .
根据手机的后退按钮与默认 Headers 的后退图标相比,后备行为的差异是什么?