navCtrl.push pushes page but doesn't show the correct navBar

Ionic Framework ionic-v3
1

I’m new to ionic and am using the ionic lab to build my app.

I have a simple page that pushes to another page.
When it pushes to the new page, it shows the Android style navBar instead of standard iOS navBar.

How do i change it so iOS looks how iOS should look?

image
image.jpg1672×476 37.7 KB

Also, is there a way to change the icon so say the word “Close” instead of the arrow icon?

page 1

this.navCtrl.push(UnsupportedPostcodePage);

page2

<ion-header>
  <ion-navbar>
    <ion-title>Tab 1</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>

</ion-content>

Thanks :slight_smile:

2

A quick search :

:slight_smile: