How to make button and ion-title inline in ion-navbar in Ionic 3?

Question

I need to show ion-button and ion-title same line in ion-navbar in ion-header. Below is my code.

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

How to show ion-button and ion-title inline in ion-navbar ?

Answer 1

Try this:

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

It is working properly.