Ionic 3：Menutoggle 不断隐藏

Posted 2023-04-13

【中文标题】Ionic 3：Menutoggle 不断隐藏

【英文标题】：Ionic 3: Menutoggle keeps getting hidden

【发布时间】：2018-10-08 15:22:16

【问题描述】：

我在 Ionic 3 中实现了一个汉堡菜单，但我遇到了一个问题。当我在我的 android 设备上运行应用程序时，汉堡菜单不断消失，即打开侧面菜单的按钮消失了。然而，它只是偶尔发生。我尝试在使用 Google Chrome 检查时运行该应用程序，但我注意到 menutoggle 出于某种原因被隐藏了，但我不知道为什么。我不控制 .ts 类中的可见性。

<ion-header>
  <div>
    <ion-navbar>
      <button ion-button menuToggle> // this becomes "<button ion-button menuToggle hidden>"
        <ion-icon name="menu"></ion-icon>
      </button>
      <ion-title>Frontpage</ion-title>
    </ion-navbar>
  </div>
</ion-header>

【问题讨论】：

你有什么解决办法吗？

不，我还没有找到解决方案:(

这里也一样。有没有人找到合适的解决方案？请注意，这只发生在自动后退按钮出现时。

【参考方案1】：

我遇到了类似的菜单切换问题。

我为我的页面添加了以下代码。

标头html代码：

<ion-header>
 <ion-navbar text-center color="navBar">
  <ion-buttons right>
   <button class="menu" ion-button menuToggle="right" icon-only>
    <ion-icon name="menu"></ion-icon>
   </button>
  </ion-buttons>
  <ion-title>Password Reset</ion-title>
 </ion-navbar>
</ion-header>

标题css代码：

.menu 
    display: block !important;

【讨论】：

这可能有效，但它不是最好的解决方案。你有没有找到任何官方的？

不。我还没有找到任何官方的。