三步實(shí)現(xiàn)ionic3點(diǎn)擊退出app程序
本文實(shí)例為大家分享了ionic3點(diǎn)擊退出app程序的具體代碼,供大家參考,具體內(nèi)容如下
其實(shí)也很簡(jiǎn)單。大概分為三步
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)容,希望對(duì)大家的學(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)文章
javascript和jquery實(shí)現(xiàn)用戶登錄驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了javascript和jquery分別實(shí)現(xiàn)用戶登錄驗(yàn)證的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05
JS實(shí)現(xiàn)點(diǎn)擊下拉菜單把選擇的內(nèi)容同步到input輸入框內(nèi)的實(shí)例
下面小編就為大家分享一篇JS實(shí)現(xiàn)點(diǎn)擊下拉菜單把選擇的內(nèi)容同步到input輸入框內(nèi)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JS利用正則表達(dá)式實(shí)現(xiàn)簡(jiǎn)單的密碼強(qiáng)弱判斷實(shí)例
這篇文章主要給大家介紹了關(guān)于JS利用正則表達(dá)式實(shí)現(xiàn)簡(jiǎn)單的密碼強(qiáng)弱判斷的相關(guān)資料,實(shí)現(xiàn)后的效果非常簡(jiǎn)單,但也挺實(shí)用的,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),需要的朋友們下面來一起看看吧。2017-06-06
淺談?dòng)肳ebpack路徑壓縮圖片上傳尺寸獲取的問題
下面小編就為大家分享一篇淺談?dòng)肳ebpack路徑壓縮圖片上傳尺寸獲取的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
js?Cannot?set?properties?of?null(setting?‘onclick‘)問題分
今天增加功能的時(shí)候,提示Uncaught?TypeError:?Cannot?set?properties?of?null?(setting?onclick)問題分享下,需要的朋友可以參考下2023-06-06
微信小程序使用WxJava獲取用戶手機(jī)號(hào)步驟
這篇文章主要介紹了微信小程序使用WxJava獲取用戶手機(jī)號(hào)的相關(guān)資料,還詳細(xì)講解了WxMpService接口的主要功能和常用方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-12-12
JavaScript編寫檢測(cè)用戶所使用的瀏覽器的代碼示例
這篇文章主要介紹了JavaScript編寫檢測(cè)用戶所使用的瀏覽器的代碼示例,這樣就可以根據(jù)用戶的瀏覽狀態(tài)來調(diào)整桌面版移動(dòng)版或者兼容性的頁面,需要的朋友可以參考下2016-05-05

