Ionic 3 - 不要将主页按钮更改为导航栏中的后退按钮

Question

我有类似的东西：

在我的导航栏中，我有一个用于切换菜单的主页按钮。

问题是，当导航堆栈超过 1 页时，ionic 会自动将其从主页按钮更改为后退按钮。

我需要按钮始终保持为切换菜单的主页按钮，无论导航堆栈中有多少页。

<ion-header>

  <ion-navbar>

        <button ion-button menuToggle>
          <ion-icon name="home"></ion-icon>
        </button>

    <ion-navbar>

</ion-header>

不适合我的解决方案：

1) 如果我在更改页面时使用 "setRoot" 而不是 "push" 则不会发生这种情况，因为导航堆栈始终只有 1 页。

但是这对我来说不是一个选项，我想继续使用 "push" 并让按钮保持为切换菜单的主页按钮，而不是变成返回 1 页的后退按钮.

2) 设置 hideBackButton="false" 完全隐藏后退按钮，但并不意味着显示主页按钮，两者都不显示。

<ion-navbar hideBackButton="false">

Answer 1

使用 ion-toolbar 代替 ion-navbar：

<ion-header>
  <ion-toolbar>
        <button ion-button menuToggle>
          <ion-icon name="home"></ion-icon>
        </button>
    <ion-toolbar>
</ion-header>

Ionic 3 - 不要将主页按钮更改为导航栏中的后退按钮

Ionic 3 - Don't change home button to back button in navbar

javascript

css

ionic-framework

ionic2

ionic3