Working with tabs


I am struggling with working with tabs as it presents a unique problem. If I try to navigate from the tabs page to another (both tabs or regular page) the header remains.

Sorry for directing you to another site but see more details here.


Don’t use the NavController when your in tabs page. Please use the App instead of the NavController.

import { App} from ‘ionic-angular’;

constructor(public appCtrl:App)

then use like this

this.appCtrl.getRootNav().push(“Controller name or Page name”);

1 Like

This actually does solve the problem. Can you provide more information on the why?


You add push pages as subpages of the root tabs components. Hiding tabs bar makes illusion of navigating to totally separate page. But in markup we see outer tabs with inner tabs bar. @Triumworks.

1 Like