css - 如何在 Ionic 3 的 ion-navbar 中内联按钮和 ion-title？

Question

我需要在 ion-header 的 ion-navbar 中显示 ion-button 和 ion-title 同一行。下面是我的代码。

<ion-header>
  <ion-navbar>
    <button ion-button icon-only>
      <ion-icon name="arrow-back"></ion-icon>
    </button>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

如何在 ion-navbar 中显示 ion-button 和 ion-title inline ？

Answer 1

试试这个:

<ion-header>
    <ion-navbar>
      <ion-buttons left>
        <button ion-button icon-only >
          <ion-icon name="arrow-back"></ion-icon>
        </button>
      </ion-buttons>
      <ion-title text-left>Home</ion-title> 
    </ion-navbar>
</ion-header>

它工作正常。