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

Question

我正在开发一个离子移动应用程序(当前版本)。我有一个类似于下面这样的标签结构：

​

​

在每个选项卡中，我都会启动一个新的导航栈。含义:例如，点击ob "push page“按钮，将新页面推到第一个页面的导航栈。

在左上角，我有一个菜单符号来打开我的侧边菜单。每当我把一个页面推到根导航堆栈时，这个符号就变成了“向后箭头”。

我想要的是，这个符号总是代表所选标签的导航栈。因此，当我将一个页面推到第一个页面的导航栈时，我想要显示向后箭头。然后，当我切换到第二个页面时，我希望显示菜单符号，直到我将一个页面推送到第二个页面的导航栈。以此类推。

有谁知道如何做到这一点吗？任何帮助都是非常感谢的。谢谢!

Answer 1

如果您使用的是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>