uni-app项目配置完tabBar不显示

- 发布:2018-12-31 14:52
- 更新:2024-06-12 14:24
- 阅读:29299
uni-app项目配置完tabBar不显示


最佳回复

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,代表作灵感实用工具小程序
细心,仔细