import {Component, ViewChild} from '@angular/core'; import {Platform, ToastController, Nav, IonicApp} from 'ionic-angular'; import {StatusBar, Splashscreen} from 'ionic-native'; import {TabsPage} from '../pages/tabs/tabs'; @Component({  templateUrl: 'app.html' }) export class MyApp {  rootPage = TabsPage;  backButtonPressed: boolean = false; //用于判斷返回鍵是否觸發(fā)  @ViewChild('myNav') nav: Nav;  constructor(public ionicApp: IonicApp, public platform: Platform, public toastCtrl: ToastController) {   platform.ready().then(() => {    StatusBar.styleDefault();    Splashscreen.hide();    this.registerBackButtonAction();//注冊(cè)返回按鍵事件   });  }  registerBackButtonAction() {   this.platform.registerBackButtonAction(() => {    //如果想點(diǎn)擊返回按鈕隱藏toast或loading或Overlay就把下面加上    // this.ionicApp._toastPortal.getActive() || this.ionicApp._loadingPortal.getActive() || this.ionicApp._overlayPortal.getActive()    let activePortal = this.ionicApp._modalPortal.getActive();    if (activePortal) {     activePortal.dismiss().catch(() => {});     activePortal.onDidDismiss(() => {});     return;    }    let activeVC = this.nav.getActive();    let tabs = activeVC.instance.tabs;    let activeNav = tabs.getSelected();    return activeNav.canGoBack() ? activeNav.pop() : this.showExit();//另外兩種方法在這里將this.showExit()改為其他兩種的方法的邏輯就好。   }, 1);  }  //雙擊退出提示框  showExit() {   if (this.backButtonPressed) { //當(dāng)觸發(fā)標(biāo)志為true時(shí)，即2秒內(nèi)雙擊返回按鍵則退出APP    this.platform.exitApp();   } else {    this.toastCtrl.create({     message: '再按一次退出應(yīng)用',     duration: 2000,     position: 'top'    }).present();    this.backButtonPressed = true;    setTimeout(() => this.backButtonPressed = false, 2000);//2秒內(nèi)沒有再次點(diǎn)擊返回則將觸發(fā)標(biāo)志標(biāo)記為false   }  }}

 <ion-tabs #mainTabs>  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>  <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab>  <ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab> </ion-tabs>

 import {Component, ViewChild} from '@angular/core'; import { HomePage } from '../home/home'; import { AboutPage } from '../about/about'; import { ContactPage } from '../contact/contact'; import {Tabs} from "ionic-angular"; @Component({  templateUrl: 'tabs.html' }) export class TabsPage {  @ViewChild('mainTabs') tabs:Tabs;//加這句以及引用兩個(gè)模塊  tab1Root: any = HomePage;  tab2Root: any = AboutPage;  tab3Root: any = ContactPage;  constructor() {  } }