How alter the ionic tabs for create this?


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’;

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.