react-navigation标题中的“后退”图标使用StackNavigators返回到先前的StackNavigator

时间:2018-07-18 02:26:32

标签: react-native react-native-android react-navigation

我发现使用嵌套的StackNavigator时,react-navigation(v1.5.11)标题中的默认后退按钮可以返回到以前的StackNavigator。例如,考虑以下内容:

第一级StackNavigator(在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',
      }
    }
  }
});

在上述第一级StackNavigator中使用的收藏夹

export const FavoritesStack = StackNavigator({
  FavoritesSearch: {
    screen: FavoritesSearchContainer
  },
  FavoritesFilters: {
    screen: FavoritesFiltersSlim
  }
}, { headerMode: 'none' });

导航到“ FavoritesFilter”路线时,按下手机的“后退”按钮,它将导航回到“ FavoritesSearch”路线。但是,当按下标题中的默认后退图标时,它将导航回到上一个堆栈中的“ NotebookMain”。

基于手机的“后退”按钮和默认标题的后退图标所造成的后退行为差异是否是出于本意?

0 个答案:

没有答案