Показать кнопку «Назад» в корневом навигаторе и повлиять на дочерний навигатор в React Navigation

Question

Я пытаюсь создать следующий каркас:

Для этого я использовал несколько вложенных навигаторов:

A: Поскольку верхний заголовок всегда нужен, я сначала создал стековый навигатор с одним экраном.

B: это навигатор в нижней вкладке с 3 экранами. Если кто-то коснется средней вкладки, вы получите экран сетки "C".

C: экран сетки представляет собой навигатор стека. Если вы коснетесь опции B (например), вы увидите новый экран, который является навигатором верхней вкладки.

D: это навигатор последней вкладки.

Мои вопросы:

1. Это правильный способ делать вещи?
2. Когда я добираюсь до экрана D, мне нужно верхний заголовок для отображения кнопки назад, а также для этого назад Кнопка «вернуться» на навигаторе экрана C, а затем исчезнуть снова. Как мне этого добиться?

Спасибо!

Answer 1

Лично я думаю, что вы делаете это неправильно.Так как реагирующая навигация не включает заголовки в tabNavigator, я бы обернул ваши вкладки в стек.

Оттуда у меня будет 3 stackNavigator s, по одному на каждую вкладку, которая просто содержитнеобходимые экраны.

На вашей средней вкладке stackNavigator будет просто содержаться основной / начальный контейнер / компонент с 6 кнопками и каждый из 6 контейнеров / компонентов, к которым вы могли бы перейти.Нажатие каждой кнопки будет просто переходить к соответствующему контейнеру / компоненту для отображения их содержимого.

Аналогично, я бы не стал использовать tabNavigator для вашей верхней панели вкладок.Я просто хотел бы иметь контейнер / компонент с тремя кнопками или что-то вроде сегментированного элемента управления, который избирательно отображает правильный контейнер / компонент в нижней части этого экрана.Мы делаем это в нескольких местах в наших приложениях.

Надеюсь, что это поможет, и дайте мне знать, если что-то, что я здесь разместил, не имеет достаточного смысла.

[EDIT] - удалена неверная информация заголовка.