在小程序中Tabbar显示和隐藏的秘密

其实对Tabbar 的用法的理解总结下来分这几个阶段:

第一阶段:在 app.json 中配置

 "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  }

出现问题:有些页面不想有tabBar,如:在首页发现没有身份信息,跳转到登录页时仍然有TabBar。

第二阶段:只有一级页面才会出现Tabbar ,所谓的一级页面就是Tabbar里定义的页面
如果此页面没有在Tabbar里定义,不会显示TabBar的

问题依然存在,登录页依然存在TabBar。

第三阶段:如果从一级页面 redirectTo到其他页面,及时其他页面没有在 TabBar定义的列表里也会显示TabBar

最终解决问题的方法是,加入当前也是一级页面,到希望跳转到的页面不要有Tabbar时,不要使用 redirectTo而是使用 navigateTo

posted @ 2020-04-19 23:29  热爱前端知识  阅读(3037)  评论(0编辑  收藏  举报