ionic-framework - ionic 4/5 : exit from the app pressing back button

Question

只在某个页面按下后退按钮时，我需要退出应用程序；特别是，假设我有 app.component.ts 并且我有一个名为 HomePage 的页面。在 app-routing.module.ts 我有这条路线:

const routes: Routes = [
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', loadChildren: './public/home/home.module#HomePageModule' }
];

因此，无论用户何时打开应用程序，它都会看到 HomePage 作为第一页。如果用户按下后退按钮，现在它会永远重新加载同一页面；我想捕获那个压力并退出应用程序。我尝试在 home.page.ts 中使用它，但没有任何反应:

backButtonSubscription: any;
this.backButtonSubscription = this.platform.backButton.subscribe(async () => {
console.log('lets exit!');
  navigator['app'].exitApp();
  });

连console.log都打印出来了，就好像没有捕捉到事件一样。我也试过这个:

 this.platform.backButton.subscribeWithPriority(99999, () => {
        navigator['app'].exitApp();
 });

但是结果是一样的，所以我想知道如何解决。我在网上发现了很多问题，但似乎没有任何解释可以解决这个问题或提供解决方法。

感谢您的帮助!

Answer 1

如果您使用的是 ionic 4 angular 。尝试这个在 AppComponent -> initializeApp添加

this.platform.backButton.subscribeWithPriority(0, () => {
navigator[‘app’].exitApp();
});

举个例子

initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
      this.platform.backButton.subscribeWithPriority(0, () => {
        navigator['app'].exitApp();
       
     });
    });
  }