Ionic 4 工具栏未对齐

Question

我正在使用 angular 8/ionic 4。有没有人看到工具栏未对齐的问题：

这是 tab2.page.html 页脚的代码：

<ion-footer>
  <ion-toolbar>
    <ion-buttons start>
      <button ion-button icon-only color="royal">
        <ion-icon name="create"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>Send To...</ion-title>
    <ion-buttons end>
      <button ion-button icon-only color="royal" (click)="displayAdd()">
        <ion-icon name="add"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>

我使用 ionic start 命令创建了一个选项卡应用程序。

Answer 1

谢尔盖，这就是答案！我不得不将一些代码更新为 Ionic 4 语法：

<ion-footer>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button>
        <ion-icon slot="icon-only" name="create" color="royal"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-buttons slot="end">
      <ion-button (click)="displayAdd()">
        <ion-icon slot="icon-only" name="add" color="royal"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>

Ionic 4 工具栏未对齐

Ionic 4 toolbar not aligning

ionic-framework

angular

ionic4