uni-app项目配置完tabBar不显示
7***@qq.com
- 发布：2018-12-31 14:52
- 更新：2024-06-12 14:24
- 阅读：28766
uni-app项目配置完tabBar不显示
分类：uni-app
最佳回复
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
感谢各位的反馈。本帖持续时间较久，观察评论区没有发现技术问题。如果有问题容易被忽略，本帖先 lock。
踩坑文档
常见踩坑经验可参考 uniapp pages.json 文档：
https://uniapp.dcloud.net.cn/collocation/pages.html#tabbar
新问题请开新贴讨论
后续如果仍有问题，请开新贴艾特我。
刚刚查到了原因：tabBar里的list第一项和page中的第一项要相同，确实就能显示了。但是问题来了，page中的第一项是入口页，那就意味着tabBar的第一项一定必须是首页（入口页），这样在前端设计中就少了余地。这似乎是个问题。
初学者123 - 80后IT男
我今天也遇到这个问题，在h5端没问题。自定义基座运行后看不到，后来找到了原因，是定义tabbar的大小时，使用了相对单位rpx造成的，全部改成px后，就可以正常显示了。
AppDr - 有梦想的老白
说出来挺傻的，我的tabBar不显示的原因，竟然是我的编辑器显示区域不够，Hbuildx右边的内置浏览器，一般情况下，下面其实没有完全显示出来，我在代码上疯狂找原因，找不到问题所在，最后运行到浏览器一看正常的，再次切换到Hbuildx编辑器，放大，发现一直苦寻不到的tabBar，一直都安静的坐落于最下部。
不过，楼主的tabBar中list好像写的不对，楼主的问题和我的不一样，请后来者注意！！！
-
-
-
回复 1***@qq.com: 当初我看是因为rpx单位在uni app h5支持, 在app端不支持, 需要调整单位, 还有就是tabbar的配置 多使用默认的看看
2020-12-02 13:44
各位宝贝，如果你的登录页需要展示tabbar请在tabbar配上相关的激活项，如果没有tab可以跟当前页面匹配请问tabbar为何要显示？请先把自己逻辑捋顺了再来提问，tabbar的这个机制没问题的。
更正一下。刚才仔细看了一下。不是“tabBar里的list第一项和page中的第一项要相同”，而是“tabbar里的list里面的页面必须在pages里面也要有！！！”都有的话就可以正常显示Tabbar，各位仔细查看一下。页面是否在tabbar里和pages里都存在
刚开始试用HX，遇到相同问题。
折腾一整天，tabBar就是不显示。也不报错。
前面说的几种方法都试了，最后还是把tabBar中list的第一项改为pages中第一项相同的页面，问题才解决。
这也太扯蛋了
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群：120594820，代表作灵感实用工具小程序
细心，仔细
