从根标签跳到根标签的问题

Question

哪种方法是最好的？

我有三个选择，但我不喜欢其中任何一个。

选项1：

• TabsPage 2：像“页脚”一样创建“ A，B，C”
• 在配置选项中禁用子页面选项卡（取出选项卡“ 1、2、3”）
• GO：使用“ NavBar Push（Screen2）”。
• 返回：“ NavBar pop（）”

问题：

1. 使用“页脚”而不是“ ion-tab”创建标签“ A，B，C”

选项2：

• 将“模态形式”用于“ screen2”。
• 标签页2：
  • 像“脚”一样创建“ A，B，C”
  • 手动创建“后退按钮”
• GO：查看模式
• 返回：关闭模态

问题：

1. 使用“页脚”而不是“ ion-tab”创建标签“ A，B，C”
2. 后退按钮不会自动生成。

选项3：

• 为“ 1、2、3”和“ A，B，C”创建两个带有“ ion-tabs”的“ TabsPage”。
• 转到：this.appCtrl.getRootNav（）。setRoot（TabsPage2）
• 返回：this.appCtrl.getRootNav（）。setRoot（TabsPage1）

问题：

1. “ TabsPage 1”过滤器选项和位置在“返回”时丢失。

Answer 1

这个link带我去这个github repo，它有一个示例，该示例基于基于“ ion-tab”的解决方案，该解决方案适用于“ Modals”和“ Push”（请参见{ {3}}。

只需在TabsPage1上添加 [tabsHideOnSubPages] =“ true” 即可解决问题，如下所示：

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

我之所以使用“推”是因为“返回”按钮是自动生成的。

太好了！ 帕布鲁（J. Pablo）。