三步實現(xiàn)ionic3點擊退出app程序
更新時間：2019年09月17日 11:30:38 作者：changzhengcome
這篇文章主要為大家詳細(xì)介紹了三步實現(xiàn)ionic3點擊退出app程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了ionic3點擊退出app程序的具體代碼，供大家參考，具體內(nèi)容如下
其實也很簡單。大概分為三步
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í)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript和jquery實現(xiàn)用戶登錄驗證
這篇文章主要為大家詳細(xì)介紹了javascript和jquery分別實現(xiàn)用戶登錄驗證的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
JS實現(xiàn)點擊下拉菜單把選擇的內(nèi)容同步到input輸入框內(nèi)的實例
下面小編就為大家分享一篇JS實現(xiàn)點擊下拉菜單把選擇的內(nèi)容同步到input輸入框內(nèi)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
最近接觸了一下html5，當(dāng)然，接觸過html5的人都知道，html5也不過是提供一些新的標(biāo)簽而已，至于整下實現(xiàn)的核心，還是在javascript這里。2011-08-08
JS利用正則表達(dá)式實現(xiàn)簡單的密碼強弱判斷實例
這篇文章主要給大家介紹了關(guān)于JS利用正則表達(dá)式實現(xiàn)簡單的密碼強弱判斷的相關(guān)資料，實現(xiàn)后的效果非常簡單，但也挺實用的，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。2017-06-06
jQuery 使用 $ 符號作為 jQuery 的簡介方式。某些其他 JavaScript 庫中的函數(shù)（比如 Prototype）同樣使用 $ 符號。2011-04-04
下面小編就為大家分享一篇淺談用Webpack路徑壓縮圖片上傳尺寸獲取的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
js?Cannot?set?properties?of?null(setting?‘onclick‘)問題分
今天增加功能的時候，提示Uncaught?TypeError:?Cannot?set?properties?of?null?(setting?onclick)問題分享下,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈球游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要介紹了微信小程序使用WxJava獲取用戶手機號的相關(guān)資料,還詳細(xì)講解了WxMpService接口的主要功能和常用方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-12-12
這篇文章主要介紹了JavaScript編寫檢測用戶所使用的瀏覽器的代碼示例,這樣就可以根據(jù)用戶的瀏覽狀態(tài)來調(diào)整桌面版移動版或者兼容性的頁面,需要的朋友可以參考下2016-05-05