Ionic5如何实现退出应用（退出App）

背景

默认开发的Ionic App打包在手机上安装后，是无法通过返回（屏幕滑动的返回操作）退出应用的，要想实现这个功能， 还需要编写一部分代码来实现。

关键点

通过在app.component.ts中增加订阅platform返回操作来实现。
关键代码：

navigator['app'].exitApp();     //退出应用 

代码实现

app.component.ts

import { Component } from '@angular/core';

import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { Router } from '@angular/router';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {
  lastTimeBackPress = 0;
  timePerionToExit = 2000;    //时间间隔2秒

  constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private router: Router
  ) {
    this.initializeApp();

    this.platform.backButton.subscribe(() => {
      if (this.router.url.indexOf('tab1') > -1) {
        if (new Date().getTime() - this.lastTimeBackPress < this.timePerionToExit) {
          navigator['app'].exitApp();     //退出应用   
        }
        this.lastTimeBackPress = new Date().getTime();
      }
    });
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });
  }
}

如下图：