IONIC Tabs navbar 为什么会出现在子页面中？

Question

这是我的标签导航栏，这也与我的其他子页面重叠

<ion-header>
  <ion-navbar hideBackButton="true">
    <span class="hdr-clr">Winkrr</span>
    <ion-buttons start>
      <button ion-button icon-only>
        <ion-icon style="color:#ed145b;" name="ios-search"></ion-icon>
      </button>
    </ion-buttons>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon style="color:#ed145b;" name="ios-notifications-outline"></ion-icon>
      </button>
    </ion-buttons>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon style="color:#ed145b;" name="ios-contact-outline"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-tabs tabsPlacement="top" tabsHideOnSubPages="true" primary>
  <ion-tab tabIcon="md-globe" [root]="tab1Root"></ion-tab>
  <ion-tab tabIcon="stats" [root]="tab2Root"></ion-tab>
</ion-tabs>

这是我的子页面导航栏

<ion-header>

  <ion-navbar hide-tabs>
    <ion-title>personal-chat</ion-title>
  </ion-navbar>

</ion-header>

这就是我的导航方式

  onContact(){
    this.navCtrl.push(PersonalChatPage);
  }

我在 ionic 2 中将选项卡用于单页。我将 ion navbar 用于选项卡页面，这对于两个选项卡很常见。 但是相同的导航栏出现在子页面上

Answer 1

您可以尝试像这样在 app.module.ts 中设置配置：

 imports: [
        IonicModule.forRoot(MyApp, {
            // Tabs config
            tabsHideOnSubPages: true,
            ...
        })
    ]