Tabs dissapear when pushing page

Ionic Framework ionic-v3
1

When i start my app i want to go to a loginpage to see if the user is logedin or not.
I don’t want my loginpage to be part of the tabs, but since i have been stuck here for a while i have now included the loginpage in my tabs. My problem is when i go to the loginpage and then login/find out im already authed i want to push a new page and that works fine but when i end up on that new page my tabs have dissapeared. If i save my site and let android studio refresh my virtual device then my tabs appear again.

This is what my tabs looks like:

<ion-tabs selectedIndex= {{index}} >
    <ion-tab [root]="login" hidden></ion-tab>
    <ion-tab [root]="favourites" tabIcon="search"></ion-tab>        
    <ion-tab [root]="channels" tabIcon="star"></ion-tab>
    <ion-tab [root]="settings" tabIcon="settings"></ion-tab>
</ion-tabs>

On loginpage ngOnInit() i have this:

 if (this.authenticationService.isLoggedIn()) {
           this.navCtrl.push(ListenComponent,
                    { index: "1"
                });  
        }

So if the user is loggedin it will push listencomponent right away. This works as expected and the user ends up in ListenComponent but now the tabs is missing.

In my listencomponent.html

<ion-header>
    <ion-navbar>
    </ion-navbar>
</ion-header>
<ion-content>
</ion-content>

When the page has been refreshed everything works as expected. Then i can go between the tabs and i can also push child components. I have already tried to setRoot and PopAll etc etc.

2

In app-module.ts look for …

  imports: [
    //...
    IonicModule.forRoot(MyApp,{
      tabsHideOnSubPages: true, // set false to always show tabs
    }),
    //...
  ]
3

I’ve already tried that :frowning: