Question

在Ionic 2中，我想隐藏后退按钮，需要显示菜单栏。所以，我写了以下代码：

<ion-navbar hideBackButton="true">
  <button ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title><b>Board</b> Bullets</ion-title>
  <button class="pull-right" ion-button clear>
    <i class="icon dripicons-dots-3 r_90 submenu"></i>
  </button>
</ion-navbar>

但是，发生的事情是它隐藏了后退按钮和菜单栏。谁能告诉我如何隐藏后退按钮？

Answer 1

我认为你应该阅读Ionic 2的导航文档。Here是一个好的开始。

基本上，当您使用this.navCtrl.push(Page)时，Page会被推送到导航堆栈。使用this.navCtrl.setRoot(Page)时，Page设置为导航堆栈的根目录。

如果您不希望返回页面（甚至不是从硬件后退按钮），您可以使用this.navCtrl.setRoot(Page)在根目录设置页面。在这里，您将拥有菜单按钮而不是后退按钮。

Answer 2

您需要知道离子2如何导航以调试错误。注意：

如果你有一个根页A，你可以通过推送到页面B进行导航，在页面B中你将有一个后退按钮。在页面B中，如果您使用弹出导航，则在页面A中将有菜单按钮。

但如果您在页面A中并使用setRoot导航到页面B，则在页面B中您将再次拥有菜单按钮。

另外要注意的是，离子导航的工作方式就像藏匿一样。

因此，只有在堆栈中有一些视图导航时才会出现后退按钮，如果没有视图，则表示是根视图，菜单按钮将会出现。

如果你需要隐藏按钮，请记住这一点并重新组织你的导航，也许可以帮助你，不必添加额外的逻辑，只需导航。

显示离子2中的菜单栏

2 个答案: