Tabs dissapear when pushing page

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>

On loginpage ngOnInit() i have this:

 if (this.authenticationService.isLoggedIn()) {
                    { 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


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.

In app-module.ts look for …

  imports: [
      tabsHideOnSubPages: true, // set false to always show tabs

I’ve already tried that :frowning: