Проблемы при переходе с корневой вкладки на корневую вкладку

Question

Какой лучший способ сделать это?

У меня есть три варианта, но мне не нравится ни один из них.

Вариант 1:

• TabsPage 2: Создайте «A, B, C» как «Нижний колонтитул»
• Отключить вкладки подстраниц в настройках конфигурации (убрать вкладки «1, 2, 3»)
• GO: используйте «NavBar Push (Screen2)».
• НАЗАД: «NavBar pop ()»

Проблемы:

1. Создать вкладку «A, B, C» с «Footer» вместо «ion-tab»

Вариант 2:

• Используйте «Модальную форму» для «screen2».
• TabsPage 2:
  • Создать «A, B, C» как «Нижний колонтитул»
  • Создать вручную «кнопку возврата»
• GO: Просмотр модальных
• НАЗАД: Уволить модал

Проблемы:

1. Создать вкладку «A, B, C» с «Footer» вместо «ion-tab»
2. кнопка возврата не генерируется автоматически.

Вариант 3:

• Создайте две «TabsPage» с «ion-tabs» для «1, 2, 3» и «A, B, C».
• GO: this.appCtrl.getRootNav (). SetRoot (TabsPage2)
• НАЗАД: this.appCtrl.getRootNav (). SetRoot (TabsPage1)

Проблемы:

1. Параметры фильтра «TabsPage 1» и позиция теряются при «BACK».

Answer 1

Эта ссылка привела меня к этому github repo , в котором есть пример с решениями на основе "ion-tab", который работает как для "Modals", так и для "Push" (см.пример для видео ).

Проблема решается простым добавлением [tabsHideOnSubPages] = "true" на TabsPage1, например:

<ion-tabs>
    <ion-tab [tabsHideOnSubPages]="true" [root]="homePage" tabIcon="home"></ion-tab>
    <ion-tab [root]="chatPage" tabIcon="chatbubbles"></ion-tab>
    <ion-tab [root]="profilePage" tabIcon="person"></ion-tab>
</ion-tabs>

Я использовал «push» только потому, что кнопка «назад» генерируется автоматически.

Отлично!Дж. Пабло.