如图,底部tabbar出现了两个,以下截图是在真机上面的效果,在开发工具里面不会出现两个底部导航栏。
目前尝试过的解决方案:必须要加到对应的界面才能隐藏底部的tabbar,不知道还有其他的方案没呢?
在onLaunch里面放置,无法生效。
onReady:function(){
wx.hideTabBar({
fail: function () {
setTimeout(function () {
wx.hideTabBar()
}, 500)
}
}) ;
},
目前用的版本库 2.10.1,手机微信版本号:7.0.15 ,用高于这个的版本库,会报以下错误:
这个项目实现思路:这篇里面记录了具体的东西。
https://developers.weixin.qq.com/community/develop/article/doc/0004ae44048af028877ac58ce51413
代码片段
https://developers.weixin.qq.com/s/GvtYLkm57ngL
经测试,出现两层的原因是调用了 wx.showTabBar()。
使用官方 demo(https://developers.weixin.qq.com/s/ouJiKgm67cHk),在 index2.js show 里面添加 wx.showTabBar() 即可复现。
可能微信对于 custom 的实现是内部调用了 wx.hideTabBar() 方法,所以可以通过此 api 再显示出来。
微信的开发应该认为:既然使用 custom 那必然不会再去调用这些 api,都会自己控制 tab 的展示。
如果是一个全新的项目,当然调用后立马会发现问题所在。但是对于一个旧项目,根本不知道这个 api 还能生效,只能靠猜。
2024年了 貌似还没有解决
更新一下,今天在官方看到了官方团队已经介入解决这个问题中了,很不错.
请参考官方地址:https://developers.weixin.qq.com/community/develop/doc/000c84de0cc590bbe54b97edf5e414?_at=1658732979928
20220504 这个问题还存在 笑不活
你们都解决了吗?
你好,使用提供的代码片段测试未复现问题,具体是什么机型?请扫描下图提供截图看下
是不是app.json里面也配置了tabbar,另外微信7.0.13好像是有这种情况;你可以看下这个帖子:自定义TabBar会出现两个,是bug吗?? - 微信开放社区 https://developers.weixin.qq.com/community/develop/doc/0002e8d61889c0f0ee1a2393e56800