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

Posted 前端学习123321123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在小程序中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

以上是关于在小程序中Tabbar显示和隐藏的秘密的主要内容,如果未能解决你的问题,请参考以下文章

使用tabBar跳转页面并隐藏tabBar

TabBar 和 NavigationBar 视图部分隐藏

隐藏在标签栏后面的 View Pager 的片段

侧滑返回导航栏以及TabBar隐藏和显示带来的坑

向下滚动时隐藏的 Flutter TabBar 和 SliverAppBar

对tabbar进行隐藏和显示-对于需要tabbar的项目