美文网首页
【转载】ionic4 监测安卓物理返回键,再按一次退出应用

【转载】ionic4 监测安卓物理返回键,再按一次退出应用

作者: 愤怒的阿昆达 | 来源:发表于2019-11-19 17:04 被阅读0次

[转载]
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42959829/article/details/102909741

1.安装 Appminimize
ionic cordova plugin add cordova-plugin-appminimize
npm install --save @ionic-native/app-minimize@beta
2.在app.module.ts 引入appminimize
import { AppMinimize } from '@ionic-native/app-minimize/ngx';
 
providers: [
    ...
    AppMinimize
],
3.主要的双击退出程序操作是在app.component.ts完成的
import {Component} from '@angular/core';
 
import {Platform, ToastController} from '@ionic/angular';
import {Subscription} from 'rxjs';
import {SplashScreen} from '@ionic-native/splash-screen/ngx';
import {StatusBar} from '@ionic-native/status-bar/ngx';
import {NavigationEnd, Router} from '@angular/router';
import {AppMinimize} from '@ionic-native/app-minimize/ngx';
 
@Component({
    selector: 'app-root',
    templateUrl: 'app.component.html',
    styleUrls: ['app.component.scss']
})
export class AppComponent {
    backButtonPressed = false; // 用于判断返回键是否触发
    customBackActionSubscription: Subscription;
    url;
 
    constructor(
        private platform: Platform,
        private router: Router,
        private minimize: AppMinimize,
        public toastController: ToastController,
        private splashScreen: SplashScreen,
        private statusBar: StatusBar
    ) {
        this.initRouterListen();
        this.initializeApp();
    }
 
    initializeApp() {
        this.platform.ready().then(() => {
            // this.statusBar.styleDefault();
            this.statusBar.overlaysWebView(true);
            this.statusBar.backgroundColorByHexString('#4FB18C'); //状态栏的样式设置
            this.splashScreen.hide();
            this.registerBackButtonAction();
        });
    }
 
    registerBackButtonAction() {
        this.customBackActionSubscription = this.platform.backButton.subscribe(() => {
            if (this.url === '/tabs'
                || this.url === '/tabs/tab1'
                || this.url === '/tabs/tab2'
                || this.url === '/tabs/tab3') { // 监测到当前路由,判断是否要退出程序
                if (this.backButtonPressed) {
                    this.minimize.minimize(); // 程序最小化
                    this.backButtonPressed = false;
                } else {
                    this.miniApp(); // 提示toast
                    this.backButtonPressed = true;
                    setTimeout(() => this.backButtonPressed = false, 2000);
                }
            }
        });
    }
 
    initRouterListen() {
        this.router.events.subscribe(event => { // 需要放到最后一个执行
            if (event instanceof NavigationEnd) {
                this.url = event.url;
                console.log(this.url);
            }
        });
    }
 
    async miniApp() {
        const toast = await this.toastController.create({
            message: '再按一次退出应用',
            duration: 1000
        });
        toast.present();
    }
}

以上便是,监测到安卓物理返回键,双击退出程序。

不过以上的退出程序是指程序最小化,还在后台运行。

如果想要直接杀死程序,则使用:

navigator['app'].exitApp();
————————————————
版权声明:本文为CSDN博主「inprivacy」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42959829/article/details/102909741

相关文章

网友评论

      本文标题:【转载】ionic4 监测安卓物理返回键,再按一次退出应用

      本文链接:https://www.haomeiwen.com/subject/mjkgictx.html