带有标题项的iOS设备浮动右侧问题

Question

我的iOS设备有标题问题。当我在HTML下方使用时，它在Android设备上运行得非常好。

stackblitz Editor URL

stackblitz App URL

html的

<ion-header>
  <ion-navbar color="primary">
    <ion-title>
      <span>Budget</span>
      <ion-icon name="ios-add-outline" float-right></ion-icon>
    </ion-title>
  </ion-navbar>
</ion-header>

Android界面：没有问题。

但在iOS设备上，它无效。标题的中心对齐很好。但问题出在+标志上。我需要像Android设备一样展示它。换句话说float-right。你能告诉我如何实现这个目标吗？

iOS设备：

Answer 1

<ion-header>
  <ion-navbar color="primary">
    <ion-title>
      Budget
    </ion-title>
    <ion-buttons end>
        <button ion-button icon-only clear>
           <ion-icon name="ios-add-outline"></ion-icon>
        </button>
    </ionbuttons>
  </ion-navbar>
</ion-header>