Hiding ion-tabs on subpages

Ionic Framework ionic-v3
1

Hey,

I’ve added…
IonicModule.forRoot(MyApp, {tabsHideOnSubPages: true})
in my app.module.ts

But I am having a strange issue. When I push a page the ion-tabs are hidden on that second page but from this second page I push another page and when I reach that page the tabs are not hidden on this 3rd page.

I’m using…
this.navCtrl.push
to navigate to pages.

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 1.0.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v4.2.1
Xcode version: Not installed

2

I’ve also just realized that the tabs on the third page aren’t clickable. They are simply just showing.

3

Okay, to update I have found that this is potentially due to using a native map on the third page. I still have not solved this as it seems like a bug. Ill open an issue soon.

4

To add clarity to this it was because I was using the native maps with the ion-tabs.

It appears to be a bug which I have opened an issue for. The thread in the issue contains a ‘fix’ but not a very ideal one.

1 Like
5

have you solved this issue now? I got the same problem

6

have you solved this issue now? I got the same problem tabs aren’t clickable its just showing

7

Almost two years later!


Check my post over there see if it helps