码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-10-24 01:27:57      阅读:1634      评论:0      收藏:0      [点我收藏+]

标签:app   sub   ntp   for   esc   otn   log   参考   icm   

项目中遇到 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导航,子页面全占满显示方法(至今为止发现的最靠谱的方法)

标签:app   sub   ntp   for   esc   otn   log   参考   icm   

原文地址:http://www.cnblogs.com/wupeng88/p/7719816.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!