Реагировать на собственную структуру приложения

Question

1 Stack navigator:    
   1.1 Tabnavigator:
      1.1.1 Stack navigator:
         1.1.1.1 page one
      1.1.2 Stack navigator:
         1.1.2.1 page two
      1.1.3 Stack navigator:
         1.1.3.1 page three    
   1.2 page 4

Это структура, которую я решил реализовать.У меня есть несколько вопросов, которые я еще не решил.Я хочу, чтобы в заголовке навигатора стека корневых файлов отображались логотип и кнопка возврата, а также для контроля всего состояния приложения.когда я настраиваю пользовательский заголовок, я понятия не имею, как сказать, чтобы кнопка «назад» была скрыта или отображена.Я установил пользовательский заголовок из navigationOptions корневого стека навигатора.

Любая помощь, пожалуйста?

Answer 1

Вы можете определить навигационные опции на каждом экране (компоненте), как вам нужно, этот способ более гибок для того, что вы хотите сделать.Вот пример для вас, обратите внимание, где я переопределяю headerLeft для экрана EventInfo, вы можете скрыть или показать headerLeft все, что вы хотите:

    ...
        class EventInfo extends PureComponent {

          // Set the navigation options for `react-navigation`
          static navigationOptions = ({navigation}) => {
            return {
              headerRight: <Icon style={{marginRight:10,color:'white'}} name="menu" size={32} onPress={() => {navigation.dispatch(DrawerActions.openDrawer())}}/>,
              headerTitle: <Text style={{flex:1,textAlign:'center',fontSize:18,color:'white',fontWeight:'bold'}}>{I18N.t('events.infoEventTitle')}</Text>,
              headerLeft: <Icon2 style={{color:'white', marginLeft:10, width:40}} name="ios-arrow-back" size={32} onPress={() => {navigation.navigate('Events')}}/>,
            }
          };
    ...