Ion-navbar behaving like a tab


#1

Hí,
I’m trying to create a group of buttons like if was an ion-tabs, but inside of the ion-navbar of each page.

Something like this:

I’m entering the same header over each page, but disabling the corresponding button

<ion-header> 
<ion-navbar color="primary">
    <ion-buttons start>
      <button ion-button color="white">
        <ion-icon name="home"></ion-icon>
      </button>
      <button ion-button color="primaryLow" (click)="onClickComment()">
        <ion-icon name="chatbubbles"></ion-icon>
      </button>
      <button ion-button color="primaryLow" (click)="onClickUser()">
        <ion-icon name="person"></ion-icon>
      </button>     
    </ion-buttons>
    <ion-title text-center>
      <img src="./assets/logo.svg" height="30px" />
    </ion-title>
  </ion-navbar>
</ion-header>

And changing the page with the code:

onClickComment() {
    this.navCtrl.setRoot(CommentPage);
  }

  onClickUser() {
    this.navCtrl.setRoot(UserPage);
  }

How could I change pages keeping the history as the tabs, and avoiding that the page is built each time?