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

Posted 跌倒不要紧,要紧的是赶快爬起来。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 之后这么做页面跳转没什么问题了!!!!!!

以上是关于ionic2 子页面隐藏去掉底部tabs导航,子页面全占满显示方法(至今为止发现的最靠谱的方法)的主要内容,如果未能解决你的问题,请参考以下文章

MUI底部导航切换子页面

微信h5滑动隐藏底部导航栏

ionic js

ionic3 隐藏子页面tabs

android开发时如何去掉底部的导航栏?

Ionic2系列——使用DeepLinker实现指定页面URL