首页 文章

Ionic 2：选项卡的单独导航堆栈 - 根据所选选项卡显示后退箭头和菜单切换

提问于
浏览 次
0

我正在开发一个Ionic移动应用程序（当前版本） . 我有一个类似于这个的标签结构：

example tabs structure

在每个标签中，我正在开始一个新的导航堆栈 . 含义：例如，单击“推送页面”按钮将新页面推送到第一页的导航堆栈 .

在左上角，我有菜单符号打开我的侧边菜单 . 每当我将页面推送到根导航堆栈时，此符号将变为“后退箭头” .

我想要的是，此符号始终代表所选选项卡的导航堆栈 . 因此，当我将页面推送到第一页的导航堆栈时，我想显示后退箭头 . 当我转到第二页时，我希望显示菜单符号，直到我将页面推到第二页的导航堆栈 . 等等...

有没有人知道如何实现这一目标？任何帮助表示赞赏 . 谢谢！

angular ionic-framework ionic2 ionic3

1 回答

  • 0

    如果您使用的是ionic2，则可以根据需要自定义菜单图标 . 对于您需要自定义图标的每个页面，请将ion-header标记添加到其中 . 例如 .

    FirstPage.html

    <ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle (click)="backToMain()">
      <ion-icon name="back"></ion-icon>
    </button>
    <ion-title>First Page</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
</ion-content>

    SecondPage.html

    <ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>First Page</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
</ion-content>
    回复于

相关问题