离子标签没有显示

Question

在我的主页上，我有一组标签。当我点击+图标时，正在推送一个新页面（AddReportPage）（this.navCtrl.push（AddReportPage））。

在这个新页面上，我想显示一组带有不同图标和不同功能的新标签页（见图2）。

但是当我使用离子标签时，它们没有显示出来...... 这些选项卡必须使用ionSelect执行函数。

你有解决方案吗？

1

2

Answer 1

您可以尝试使用标签标记中的tabsHideOnSubPages媒体资源：Ionic Docs - Tab。

<ion-tabs>
    <ion-tab tabsHideOnSubPages="true" [root]="AddReportPage"></ion-tab>
</ion-tabs>

然后在您推送的页面中，您将能够看到那里的标签。

Answer 2

我设法在离子页脚中使用离子工具栏获得了相同的结果。 谢谢你的帮助！

<ion-footer>
  <ion-toolbar>
      <ion-row>
        <ion-col no-padding>
          <button ion-button icon-only clear (click)="getPicture()">
            <ion-icon name="images"></ion-icon>
          </button>
        </ion-col>
        <ion-col no-padding>
          <button ion-button icon-only clear (click)="takePicture()">
            <ion-icon name="camera"></ion-icon>
          </button>
        </ion-col>
        <ion-col no-padding>
          <button ion-button icon-only clear>
            <ion-icon name="paper-plane"></ion-icon>
          </button>
        </ion-col>
      </ion-row>
  </ion-toolbar>
</ion-footer>