如何在Ionic 3的离子导航栏中使按钮和离子标题内联？

Question

我需要在离子头中的ion-button中显示ion-title和ion-navbar相同的线。以下是我的代码。

<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>

如何在qazxsw poi中展示qazxsw poi和qazxsw poi inline？

Answer 1

试试这个：

ion-button

它运作正常。

Answer 2

你应该使用ion-title和ion-navbar标签。用这个：

<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>

使应用程序响应非常重要。