Tabs do not disappear when using setRoot

[speedflyer]

Hello Hello,

I have a question for you
So basically I understood how to hide the tabs on subpages when I am using push and everything is working fine.

I implemented a logout service to clean my pouchDB, disconnect from my server etc etc. When everything is ok I am supposed to redirect to the connection page.

However when I am trying to use the setRoot on my navcontroller I can see that the tabs still appears.

When I relaunch my app I am well redirected to the connection page as my credential are no more stored locally and the tabs bar do not appears.

The problem is only when I am deconnecting. And when I am reconnecting I have two tabs (one on the other) which is pretty uggly
To finish when I click on the tab from connection page I can display my tabs content but I am getting erros because I cannot reach my server as I am no more connected. However when I connect if I click on this tabs it disappear.

Is there a way to remove this tabs??

Thanks a lot Ionic friends

Best regards

Geoffrey

[lucasbasquerotto]

@speedflyer Unfortunately (I think) the NavController setRoot method will set the page under the innermost ion-nav (expected) or ion-tab (unexpected IMO). To handle that I created a service where I set the NavController related to my ion-nav and use push, pop and setRoot in it. Something similar to what I exposed in this post:

Hide tabs on sub-pages

@arturalkaim When you say that it work in some pages, are those pages shown via NavController.push? and the ones that don’t work via NavController.setRoot?. This happened in my case, because it seems that in child pages of tabs the setRoot define the page as root relative to the ion-tabs, not to the ion-nav, as I intended. To solve that, I created a custom service named NavService that just have methods to set and get a NavController. Then, in my NavPage component (that has an ion-nav html tag…

[speedflyer]

Thanks a lot I will try and I will let you know

[reedrichards]

Funny, we had that issue too last week.

You will find your solution in following post, you have to set root to the root of the navigation

Set root without tabs

Amazing! Thank you! @reedrichards BTW, I did with subscribe At some page: logout() { this.events.publish('user:logout'); } In a centralized place: this.events.subscribe('user:logout', () => { this.app.getRootNav().setRoot(LoginPage); });

[speedflyer]

Thanks a lot. it is working!!!

Like we say in french:

Et pour reedrichard hip hip hip!!!
HOURRAAAA!

I think Ionic team should maybe put this in the global spec

In any case thanks!

[reedrichards]

Pas de problème, content d’avoir pu t’aider

[vuhung3990]

i solved this problem use follow code:
constructor(private app: App) {}
logout(){
this.app.getRootNav().setRoot(Login);
}

[andreferraro]

Thx!! It’s works!! I’m using with 2 tabs in a same app.

[aridenaputra]

thx, work

[ramguiao023]

Try do add this directive to the button or nav you are click

menuClose

Example

<button menuClose>My Profile</button>

[muis87]

works, but only in dev mode (ios). prod… doesnt do any!