Javascript 离子型3-Don';t在导航栏中将主页按钮更改为后退按钮

Javascript 离子型3-Don';t在导航栏中将主页按钮更改为后退按钮,javascript,css,ionic-framework,ionic2,ionic3,Javascript,Css,Ionic Framework,Ionic2,Ionic3,我有这样的想法: 在我的导航栏中,我有一个主页按钮用于切换菜单 问题是,当导航堆栈超过1页时,爱奥尼亚会自动将其从主页按钮更改为后退按钮 无论导航堆栈中有多少页,我需要该按钮始终保持切换菜单的主按钮。 <ion-header> <ion-navbar> <button ion-button menuToggle> <ion-icon name="home"></ion-icon>

我有这样的想法:

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

问题是,当导航堆栈超过1页时,爱奥尼亚会自动将其从主页按钮更改为后退按钮

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

<ion-header>

  <ion-navbar>

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

    <ion-navbar>

</ion-header>

不适合我的情况的解决方案:

1) 如果在更改页面时使用“setRoot”而不是“push”,则不会发生这种情况,因为nav堆栈总是有一个页面

然而,这不是我的选择,我想继续使用“推”按钮,让按钮保持切换菜单的主按钮,而不是变为返回1页的后退按钮

2) 设置hideBackButton=“false”会完全隐藏“后退”按钮,但这并不意味着会显示“主页”按钮,也不会显示

<ion-navbar hideBackButton="false">

使用离子工具栏而不是离子导航栏:

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


尝试使用
离子工具栏
而不是
离子导航栏
您可以做的是在导航中始终使用
setRoot()
而不是
push()
,这将阻止导航堆栈的形成,因此背面永远不会显示问题。如果您必须使用“推送”,您将如何继续/您希望如何返回到以前的页面?@duanx-works谢谢,但尚未在设备上测试。使用ion工具栏而不是ion导航栏是否存在已知的缺点。阿卡德-我感觉你没有读我写的所有东西。CharlieNg-我在主页按钮附近的标题中有一个固定的后退按钮,我在这里只写了部分代码。尝试将
enable menu with back views=“true”
属性添加到
ion-side menu
虽然它可以工作,但它不会替换Android上的后退按钮,因为在Android中,工具栏只将图标向右对齐