ionic2 子页面隐藏去掉底部tabs导航,子页面全占满显示方法(至今为止发现的最靠谱的方法)

时间:2023-03-09 15:28:54
ionic2 子页面隐藏去掉底部tabs导航,子页面全占满显示方法(至今为止发现的最靠谱的方法)

项目中遇到 tabs 字页面 可以用以下代码隐藏的方式:

  imports: [
BrowserModule,
// IonicModule.forRoot(MyApp),
HttpModule,
IonicModule.forRoot(MyApp,{
tabsHideOnSubPages: 'true' , //隐藏全部子页面tabs
iconMode: 'ios',
mode: 'ios',
modalEnter: 'modal-slide-in',
modalLeave: 'modal-slide-out',
})
],

  但是呢遇到另外一个恶心的问题 那就是 当返回首页的时候有俩种情况发生

this.navCtrl.pop();  当用这种方式处理的时候跳回 tab页 时 tab 页不见了
this.navCtrl.setRoot("TabsPage");然后呢用这种方式 tab 页 是在的,结果发下tab 页点进去 里面的子页里tab 页隐藏失败了

  从网上找了好久终于发下个靠谱的方法,代码如下 仅供参考:

constructor(public navCtrl: NavController,
private barcodeScanner: BarcodeScanner,
public app:App
) this.app.getRootNav().push('accountPayPage');

  引入APP 之后这么做页面跳转没什么问题了!!!!!!