css - cómo crear el encabezado de página de ionic3 con elementos en línea

angular typescript

Question

Necesito crear en Ionic 3 una barra de encabezado exactamente como este wireframe adjunto, que tiene: un botón de menú, Título y barra de búsqueda con esquinas redondeadas. Todo esto en la misma línea. No pude poner más de 2 elementos en la misma línea.

barra de encabezado de alambre

script hasta donde pude llegar:

<ion-toolbar no-border-top>
  <button  ion-button icon-only menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>Titulo</ion-title>
  <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
  <ion-list>
    <ion-item *ngFor="let item of items">
      <!-- {{ item }} -->
    </ion-item>
  </ion-list>          
</ion-toolbar>