离子按钮对齐关闭

Question

我的离子标头对齐已关闭，因为我不知道为什么当我在 android 上运行离子科尔多瓦时它会处于不同的一侧，而在 iPhone 上完全没问题。

这是在三星手机上

这是在iPhone上：这是我想要的结果

以下是我的代码：

<ion-header>
  <ion-navbar class="myNav">
      <ion-buttons start>
      <button ion-button menuToggle small color="white">
          <ion-icon name="md-menu" color="black"></ion-icon>
      </button>
      </ion-buttons>
      <ion-title>HOME</ion-title>
      <ion-buttons end>
          <button ion-button icon-only (click)="logOut()">
            <ion-icon name="md-log-out" ></ion-icon>
          </button>
      </ion-buttons>
    </ion-navbar>
</ion-header>

任何人都可以帮我解决这个问题吗？谢谢:)

Answer 1

这是根据Android的材料设计。在这种情况下，您可以使用实用程序left而不是start来覆盖它。

<ion-buttons left>
  <button ion-button menuToggle small color="white">
      <ion-icon name="md-menu" color="black"></ion-icon>
  </button>
  </ion-buttons>
  <ion-title>HOME</ion-title>

您可以查看此线程以获取更多信息

Answer 2

你可以使用

<ion-icon name="icon_name" item-left></ion-icon>

这可以用来把图标放在左侧并item-right将其放在菜单标题的右侧