Question

使用backova或电容器，硬件后退按钮无法关闭Ionic 4中的应用程序。

此功能在Ionic 3中可用，但现在在Ionic 4中仅向后导航。

是否有办法使用硬件后退按钮关闭应用程序。

Answer 1

在 app.component.ts 中，当您按下移动硬件后退按钮时，需要以下代码

initializeApp() {
        this.platform.ready().then(() => {
          this.statusBar.backgroundColorByHexString("#efa300");
          this.splashScreen.hide();
          this.platform.backButton.subscribe(() => {
            this.routerOutlets.forEach((outlet: IonRouterOutlet) => {
              if (this.router.url === '/home') {  //mention your router url(when to exit your app)
                if (new Date().getTime() - this.lastTimeBackPress < this.timePeriodToExit) {
                  navigator['app'].exitApp();
                } 
              }
            });
          })
        });
      }

Answer 2

这是解决方案：在homepage.ts中

ionViewDidEnter(){ 
 this.subscription = this.platform.backButton.subscribe(()=>{    
navigator['app'].exitApp(); }); } 



ionViewWillLeave(){ 
this.subscription.unsubscribe(); }

Answer 3

将此代码添加到您的app.component.ts中。您还可以将其添加到特定页面/组件中，以处理后退按钮。

ngOnInit(){
   this.subscription = this.platform.backButton.subscribe(() => {
     navigator['app'].exitApp();
   });
}

如何使用硬件后退按钮关闭应用程序

3 个答案: