三步實(shí)現(xiàn)ionic3點(diǎn)擊退出app程序
更新時(shí)間:2019年09月17日 11:30:38 作者:changzhengcome
這篇文章主要為大家詳細(xì)介紹了三步實(shí)現(xiàn)ionic3點(diǎn)擊退出app程序,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了ionic3點(diǎn)擊退出app程序的具體代碼,供大家參考,具體內(nèi)容如下
其實(shí)也很簡單。大概分為三步
1.tabs.ts文件需要聲明一下
@ViewChild('mainTabs') tabs:Tabs;//聲明tabs組件(<ion-tabs #mainTabs >)
2.app.component.ts文件
@ViewChild('myNav') nav: Nav;//聲明根組件(<ion-nav #myNav [root]="rootPage">)
3.貼代碼
platform.ready().then(()=>{ this.exitApp(); }) public backButtonPressed: boolean = false; exitApp() { this.platform.registerBackButtonAction(() => { //控制modal、系統(tǒng)自帶提示框 let overlay = this.appCtrl._appRoot._overlayPortal.getActive() || this.appCtrl._appRoot._modalPortal.getActive(); if (overlay) { overlay.dismiss(); return; } let activeVC = this.nav.getActive(); let page = activeVC.instance; if (page.tabs) { let activeNav = page.tabs.getSelected(); if (activeNav.canGoBack()) { return activeNav.pop(); } else { return this.showExit(); } } if (page instanceof LoginPage) {//查看當(dāng)前頁面是否是登陸頁面 this.showExit(); return; } this.appCtrl.getActiveNav().pop();//剩余的情況全部使用全局路由進(jìn)行操作 }); } //雙擊退出函數(shù) showExit() { if (this.backButtonPressed) { this.platform.exitApp(); } else { this.presentToast();//再按一次退出 this.backButtonPressed = true; setTimeout(() => { this.backButtonPressed = false; }, 2000) } } presentToast() { let toast = this.toastCtrl.create({ message: '再按一次退出應(yīng)用', duration: 2000, position: 'top' }); toast.onDidDismiss(() => { console.log('Dismissed toast'); }); toast.present(); }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Angular+ionic實(shí)現(xiàn)折疊展開效果的示例代碼
- Cordova(ionic)項(xiàng)目實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用
- ionic+html5+API實(shí)現(xiàn)雙擊返回鍵退出應(yīng)用
- ionic2.0雙擊返回鍵退出應(yīng)用
- ionic4+angular7+cordova上傳圖片功能的實(shí)例代碼
- ionic使用angularjs表單驗(yàn)證(模板驗(yàn)證)
- Angular 4.x+Ionic3踩坑之Ionic3.x pop反向傳值詳解
- 基于Ionic3實(shí)現(xiàn)選項(xiàng)卡切換并重新加載echarts
相關(guān)文章
基于insertBefore制作簡單的循環(huán)插空效果
這是一個(gè)基于insertBefore制作簡單的循環(huán)插空效果,實(shí)現(xiàn)的數(shù)字下面循環(huán)插空效果,給需要的朋友分享。2015-09-09bootstrap響應(yīng)式導(dǎo)航條模板使用詳解(含下拉菜單,彈出框)
這篇文章主要為大家詳細(xì)介紹了bootstrap響應(yīng)式導(dǎo)航條模板使用詳解,含下拉菜單,彈出框效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11原生js實(shí)現(xiàn)跨瀏覽器獲取鼠標(biāo)按鍵的值
e.button W3C是獲取鼠標(biāo)按鍵 0 表示左鍵 1表示中鍵 2表示右鍵 而IE瀏覽器則是 1表示左鍵 4表示中間 2表示右鍵 這里的IE瀏覽器主要是IE8以下的瀏覽器,感興趣的朋友可以參考下哈2013-04-04微信小程序手機(jī)號驗(yàn)證碼登錄的項(xiàng)目實(shí)現(xiàn)
本文主要介紹了微信小程序手機(jī)號驗(yàn)證碼登錄的項(xiàng)目實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04js原生map實(shí)現(xiàn)的方法總結(jié)
在本篇文章里小編給大家整理了關(guān)于js原生map實(shí)現(xiàn)的方法以及實(shí)例分析內(nèi)容,需要的朋友們可以參考下。2020-01-01