Open tab page above tabs


#1

I created an tab page using ionic 3 and what I want to do now is that when the user taps on a specific tab, that tab will open up as a page with no tabs at the bottom vs having tabs at the bottom of the page. Anyone know I can accomplish this?

Tabs.ts file

import { Component, ViewChild } from '@angular/core';
import { IonicPage, NavController, NavParams, Tabs } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-tabs',
  templateUrl: 'tabs.html',
})
export class TabsPage {
  @ViewChild('myTabs') tabRef: Tabs;
  tab1 = 'HomePage';
  tab2 = 'ListViewPage';
  tab3 = 'PassportPage';
  tab4 = 'ProfilePage';
  tab5 = 'ActivityPage';
  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }

  ionViewDidLoad() {
    let openTab = this.navParams.get('openTab');
    if (openTab) {
      this.tabRef.select(openTab);
    }
  }

}