包装在 SwitchNavigator 中的选项卡导航器无法获取带有后退按钮的标题栏

Question

现在我有一个带有所有屏幕的开关导航器，能够路由所有内容。设置如下。登录后，我的应用程序启动会将我带到登录页面，将我带到具有主屏幕的 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);

"事件"屏幕

是列表中的屏幕，它应该有带有后退按钮的标题"拾取"，但它没有显示

导航的动图：http://recordit.co/bmAWxsIEpp

Answer 1

感谢Ziyo为我指出正确的方向。

switchStackNavigator 和 stacknavigator 用于不同的事情。它们不可互换。switchStack 实际上是创建的，因此对于只想显示单个屏幕的身份验证等情况没有后退按钮。

https://reactnavigation.org/docs/en/switch-navigator.html

Answer 2

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: {
    }
  },
  ...
});