Навигатор табуляции, завернутый в 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

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: {

    }
  },
  ...
});

Answer 2

Спасибо Ziyo за то, что он указал мне правильное направление.

switchStackNavigator и stacknavigator используются для разных целей.Они не являются взаимозаменяемыми.switchStack фактически создан, поэтому нет кнопки «назад» для ситуаций, таких как аутентификация, когда вы хотите показать только один экран.

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