How to change root component?

The logic I am trying to do is after user click on signup button tabsPage will be loaded. However, tabs doesn’t work properly. I can see it work through console when each tab is selected; however, it doesn’t render and it doesn’t show the tab change on the app.

I know the problem could be from the root component that I first put at the starterPage. I tried using this.navCtrl.setRoot(tabsPage) after the signup button is clicked but it doesn’t work.

Any solution?