Скрыть заголовок навигации родителя от вложенного навигатора - PullRequest
0 голосов
/ 27 октября 2018

Я занимаюсь разработкой своего первого собственного приложения реакции.У меня проблема с вложенной навигацией в приложении.

У меня следующие навигации:

  • Главный навигатор приложения: createStackNavigator
    • Навигатор аутентификации: createStackNavigator
    • Навигатор нижней панели: createBottomTabNavigator
      • Навигатор верхней вкладки: createMaterialTopTabNavigator
        • Мой слишком вложенный навигатор: createStackNavigator

Что я хочу?

  • Я пытаюсь скрыть BottomBar & TopTab Заголовки навигаторов образуютэкран в последнем вложенном навигаторе.

Что я сделал?

  • Я попытался установить заголовок как нулевой в моей вложенной навигации, но этоскрывает вложенный заголовок, а не родительские заголовки.
  • Я также пытался установить родительские заголовки как пустые значения, но это скрывает их от всего экрана.

Мне нужно только скрыть их вэтот вложенный экран.Могу ли я изменить свойство родительских заголовков из моего вложенного класса React? enter image description here

1 Ответ

0 голосов
/ 29 октября 2018

К сожалению, я не понял, как это сделать без использования приставки.

Так что я должен был обойти.

Я объявил свой Nested Navigator прямо в главном навигаторе. "на том же уровне, что и Аутентификация и навигация по нижней панели" и установите для заголовка значение NULL для этой конкретной навигации.

А затем переходите к тому вложенному, когда я захочу.

Кроме того, мне пришлось добавить свой собственный значок, чтобы переместиться обратно к пользователю. потому что в нашем случае в новом навигаторе нет истории, чтобы вернуться к.

Итак, я сделал это так:

static navigationOptions = ({ navigation }) => ({
headerLeft: (
  <Icon
    name="chevron-left"
    color="#fff"
    underlayColor="#4BA6F8"
    onPress={() => {
      const backAction = NavigationActions.back();
      navigation.dispatch(backAction);
    }}
  />
),

});

Я знаю, что это не настоящий ответ на мой вопрос, но, по крайней мере, он решил мою проблему.

enter image description here

...