[SOLVED] Weird problem with Ionic 2 Tabs (Tabs not getting selected)

[Ionize]

Answer was to use NgZone in redirecting to setRoot

After setRoot(TabsPage), the default tab page appears twice

I think I found a fix! I was trying to solve another problem after upgrading to RC4… Then I realized the rendering issue happened only on all the tabs at the first level. So I tried using NgZone to run setRoot(TabsPage) And some how it solves both the problems… FYI: import { NgZone } from '@angular/core'; constructor(private zone: NgZone) { ... } Where you call setRoot: this.zone.run(() => { this.navCtrl.setRoot(TabsPage); });

Apparently tabsPage are getting called twice.

Okay so here’s a weird problem that I’m encountering for Ionic 2 Tabs.

The very first time the tabPage is loaded, when I select on other tabs it’s working properly (with the tab selected getting highlighted). However, after a while when I navigate from one tab to another, the selected tab are not getting highlighted anymore.

Here’s a video to illustrate the problem: iontabs - Sendvid
Notice that the views are changing just that the tabs are not getting selected properly.

My nav stack is as follows:

LoginPage → setRoot(TabsPage) → TabsPage

TabsPage → 3 Tabs (Page1, Page2, Page3).