Back Button not shown when using ionic-tab

Ionic Framework ionic-v3
4

I have the same problem yesterday :slight_smile:
This solution worked for me:

tabs.ts

this.data = {
      viewCtrl: this.viewCtrl
    }

tabs.html

<ion-tab [tabsHideOnSubPages]="true" [root]="tab1Root" [rootParams]="data" tabTitle="Allgemein" tabIcon="settings">

Sub-Tab page.ts

constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    public viewCtrl: ViewController
  ) {
    this.viewCtrl = this.navParams.get('viewCtrl');
  }

  public onClickCancel() {
    this.viewCtrl.dismiss();
  }

Sub-Tab page.html

<ion-navbar color="primary">
    <ion-buttons left>
      <button ion-button icon-only (click)="onClickCancel()">
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>Chatraum - Einstellungen</ion-title>
  </ion-navbar>
6 Likes