css angular typescript ionic2 ionic3

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



angular typescript (0)

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>