android设备ionic2中的后退按钮消失答案

【问题标题】：Back button getting disappear in android device ionic2android设备ionic2中的后退按钮消失
【发布时间】：2018-04-22 10:14:03
【问题描述】：

我的 ionic2 应用程序中出现后退按钮消失的问题。以下是出现问题的步骤

主屏幕 - 点击图标（第 1 页）

2.popover 将提供 3 个选项（popover - 第 2 页）

3.选择任何选项，新页面将打开（此处后退按钮可见-第 3 页）单击“+”并转到新页面（第 4 页）

4.回到第3页，返回按钮消失了。

我没有编写任何特定的代码来显示/隐藏后退按钮，因为它按照默认行为正常工作，这个问题只发生在 android 设备上而不是 ios 上。如何解决？

【问题讨论】：

你说的这个popover是什么模式？你能提供一些关于你是如何导航的信息吗？
我的应用程序中有一个页面，使用下面的弹出框控件打开是代码 let popover = this.popoverCtrl.create('PopoverPage', { parameters }); popover.present({ ev: myEvent });
从 modal 导航时是否使用过类似的东西？ this.appCtrl.getRootNav().push(SecondPage);
没有。这是我用过的。 this.navCtrl.push(strPagename, { 参数 });
this.navCtrl.getRootNav().push(strPagename,{parameters});像这样使用它并检查

标签： android angularjs ionic-framework ionic2

【解决方案1】：

import { App } from 'ionic-angular';
constructor(public navCtrl: NavController public appCtrl: App) {
  }

function(){
    this.appCtrl.getRootNav().navCtrl.push(strPagename,{params: 
     params});
}

在此处了解使用覆盖组件的导航，例如模态框、弹出框等。

https://ionicframework.com/docs/api/navigation/NavController/

getRootNav 也将很快被弃用，我们应该使用 getRootNavById

【讨论】：

你好 Mayank 。感谢您提供详细信息，但我想我找到了问题所在。下面是我写“this.viewCtrl.dismiss();”的函数来关闭弹出窗口。当我们进入第 3 页时，如果我对此发表评论，则返回按钮工作正常。 navigatePush(strPagename){ this.navCtrl.push(strPagename, { parameters }); this.viewCtrl.dismiss();现在我的问题是，如果用户通过单击返回按钮从第 3 页返回主页，我们如何自动关闭弹出框。
您可以使用生命周期挂钩，并在您离开视图时将其关闭并关闭。您可以使用 IonicViewDidLeave .ionicframework.com/docs/api/navigation/NavController