ionic-framework - 如何将标题中的按钮对齐到离子4中标题的右侧

Question

按钮在工具栏中右对齐，但未显示图标。

只出现白框。

.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>

    <ion-title style="text-align: center;">RE-MED+</ion-title>

    <ion-buttons slot="primary">
      <ion-button>
        <ion-icon slot="icon-only" name="exit"></ion-icon>
      </ion-button>
    </ion-buttons>

  </ion-toolbar>
</ion-header>

它看起来像这样。

我想要这样

标签： ionic-frameworkbuttoniconsionic4toolbar

Answer 1

这将在 Ionic5 中工作。也许Ionic4 ...？

<ion-header>
  <ion-toolbar>
    <ion-title>Hello World</ion-title> 
      <ion-button slot="end" (click)="actionbutton()">Close</ion-button>  
  </ion-toolbar>
</ion-header>