我有以下导航结构:1 . StackNavigator(里面有一个抽屉)2 . 抽屉在另一个StackNavigator中有不同的屏幕(让我们打电话是 nestedStackNavigator

我遇到的问题是,当我从抽屉导航到 nestedStackNavigator 时,后退按钮不会呈现在 nestedStackNavigator Headers 的顶部 . 由于仍然存在两个 Headers (DrawerNavigator的一个 Headers 和StackNavigator之一)的问题,我将 Headers 从抽屉放到 null ,现在只有StackNavigator的 Headers ,但没有后退按钮 . DrawerNavigator Headers 也不渲染后退按钮,因为汉堡包符号占据了那个位置 .

如何渲染后退按钮我该怎么办?

这是我的代码:

Top StackNavigator:

`const createStackNavigator = () =>
 StackNavigator(
{
  LoginScreen: {screen: LoginScreen},
  Drawer: {screen: Drawer},
},
{
  initialRouteName:'LoginScreen'
}
)`

DrawerNavigator:

const nestedStackNavigator = StackNavigator(

{
Home: {
  screen: NegociosScreen
},
Contratos: {
  screen: ContratosScreen
},
Entregas: {
  screen: EntregasScreen
},
{
initialRouteName: 'Home',
navigationOptions: {
  headerStyle: {
    backgroundColor: Colors.primary
  },
  headerTitle: 'Negocios',
  headerTintColor: '#fff',
  headerTitleStyle: {
    fontWeight: 'bold'
  }
}
}
)

const Drawer = DrawerNavigator(
{
HomeScreen: {screen: HomeScreen, navigationOptions: homeNavOptions},
NegociosScreen: {
  screen: nestedStackNavigator,
  navigationOptions: nestedStackNavigatorNavOptions
},
{
drawerPosition: Platform.OS === 'ios' ? 'right' : 'left'
},
getDrawerConfig(300, 'left', 'HomeScreen')
)