How to Remove tabs in specific page in ionic2?

Question

I am new to ionic2, I want to remove tabs from specific page. I am using below code :

import { NavController, App } from 'ionic-angular';

constructor(public navCtrl: NavController, public app: App){

this.navCtrl.push(MainPage);
}

but whenever using above code all pages tabs are removed. I want to remove specific page only. Please help me....

score 5 · Answer 1 · edited Aug 27 '19 at 00:48

5

You can hide tabs on sub pages of a tab by using the tabsHideOnSubPages attribute:

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Contacts" tabIcon="contacts"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Profile" tabIcon="information-circle" tabsHideOnSubPages="true"></ion-tab>
</ion-tabs>

This will not show tabs for sub pages within this tab.

edited Aug 27 '19 at 00:48

Pavel Chuchuva

22,633
10
99
115

answered Dec 09 '17 at 10:53

Paul Halliday

276
1
3

score 1 · Answer 2 · edited Feb 19 '19 at 20:07

1

Also you can just add “tabsHideOnSubPages: true” to your app.module.ts config

IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: true })

edited Feb 19 '19 at 20:07

Jason Aller

3,541
28
38
38

answered Feb 19 '19 at 19:14

Vijay Chauhan

1,282
19
18

How to Remove tabs in specific page in ionic2?

2 Answers2