You can customize the tabs as you like in “tabs.scss”
Create a method in like home.ts with tabroots:
Like this, i use it my app:
import { Component } from ‘@angular/core’;
import { NavController } from ‘ionic-angular’;
import { Page1 } from ‘…page1/page1’;
import { Page2 } from ‘…/page2/page2’;
import { Page3 } from ‘…/page3/page3t’;
@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {
tab1Root: any = Page1;
tab2Root: any = Page2;
tab3Root: any = Page3;
constructor (public navCtrl: NavController) {}
}
Then if the user is authenticated, i redirect to this home.ts page.
If not rootpage will be default, aka login page.
Keep in mind Ionic 2 will not accept children of tabs, it’s a bug from the framework I recentrly discovered.