Open tab page above tabs


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';

  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) {;