论坛 › 知识问答 › android - 在 Ionic 4 中处理后退按钮的问题

菜鸟教程小白 发表于 2022-12-13 05:36:37

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

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

<p>这是我的应用程序路由的样子:</p>

<pre><code>{ path: &#39;&#39;, loadChildren: &#39;./pages/main/main.module#MainPageModule&#39; },
{ path: &#39;search&#39;, loadChildren:
&#39;./pages/search/search.module#SearchPageModule&#39; },
{ path: &#39;catalog-view&#39;, loadChildren: &#39;./pages/cat-view/cat-
view.module#CatViewPageModule&#39; },
</code></pre>

<p>这是我的主模块的样子:</p>

<pre><code>const routes: Routes = [
{
    path: &#39;main&#39;,
    component: MainPage,
    children: [
   { path: &#39;home&#39;, loadChildren: &#39;../home/home.module#HomePageModule&#39; },
      { path: &#39;favorites&#39;, loadChildren:
   &#39;../favorites/favorites.module#FavoritesPageModule&#39; },
       ]
      },
      {
      path: &#39;&#39;,
       redirectTo: &#39;/main/home&#39;
       }
   ];
</code></pre>

<p>我尝试在主页中添加此功能，然后是主页面，甚至是 App 组件，但没有任何效果:</p>

<pre><code>ionViewDidEnter(){
this.subscription = this.platform.backButton.subscribe(()=&gt;{
      navigator[&#39;app&#39;].exitApp();
});
}

ionViewWillLeave(){
this.subscription.unsubscribe();
}
</code></pre></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我得到了它的工作，这个问题非常愚蠢。
我不得不将我的包更新到最新版本，尤其是@ionic-native/core。
在我的 home.ts 中，我只是这样做:</p>

<pre><code>ngOnInit(){
   this.platform.backButton.subscribe(() =&gt; {
   this.platform.backButton.unsubscribe();
   navigator[&#39;app&#39;].exitApp();
   })
)
</code></pre>

<p>希望对你有帮助!</p></p>
                                   
                                                <p style="font-size: 20px;">关于android - 在 Ionic 4 中处理后退按钮的问题，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/57515194/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/57515194/
                                                        </a>
                                                </p>
                                       

查看完整版本: android - 在 Ionic 4 中处理后退按钮的问题