android - Ionic 4 中处理后退按钮的问题

Question

当我在 Android 上构建并运行我的应用程序时，我意识到硬件后退按钮不起作用。我有主页，它有两个子页面，一个主页和一个收藏页面，其中主页是默认页面。如果我在收藏夹页面并单击后退按钮，它会将我带到主页，但是从主页，如果我单击后退按钮，它会显示白屏并在几秒钟后重新启动应用程序。如果我点击 3 次，我将只能关闭该应用程序。我正在使用 ionic 4、Angular 8。

这是我的应用程序路由的样子:

  { path: '', loadChildren: './pages/main/main.module#MainPageModule' },
  { path: 'search', loadChildren: 
  './pages/search/search.module#SearchPageModule' },
  { path: 'catalog-view', loadChildren: './pages/cat-view/cat- 
  view.module#CatViewPageModule' },

这是我的主要模块的样子:

const routes: Routes = [
  {
    path: 'main',
    component: MainPage,
    children: [
     { path: 'home', loadChildren: '../home/home.module#HomePageModule' },
      { path: 'favorites', loadChildren: 
     '../favorites/favorites.module#FavoritesPageModule' },
       ]
      },
      {
        path: '',
       redirectTo: '/main/home'
       }
   ];

我尝试在主页、然后是 Main，甚至是 Appcomponent 添加此功能，但没有任何效果:

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

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

Answer 1

我成功了，这个问题很愚蠢。我必须将我的包更新到最新版本，尤其是 @ionic-native/core。在我的 home.ts 中，我只是简单地这样做:

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

希望对您有所帮助!