小程序
小游戏
企业微信
微信支付
扫描小程序码分享
84 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
看了别人的回复,照着做第一次切换还是会闪烁,经过分析第一次切换闪烁是因为额外多了icon图片的请求,所以解决方案如下:
1.cover-view改成view,cover-image 改成image, cover 这些官方不建议使用。
2.将TabBar 用到的所有图片使用 base64 字符串替换,可以额外减少HTTP的请求(缺点:可读性差一点)
3.在自定义tabbar 组件switchTab 方法中,不要再setData selected 属性。
我去,都2025年了,还没。。。
今天是2024年12月13日,马上2025年。依旧闪烁呀...
顺丰小程序没有这个问题
2024年7月了,这个bug还没解决吗?官网团队在干嘛
都马上2024年了, 官方还没给个答复,也是醉了,,,,,,
上述方法实践后,都无法逃脱tabbar在每次页面加载时,会被重新渲染, 通过this.getTabBar(),也只是设置你tabBar选中的时候状态,问题在于switchTab跳转的页面中,custom-tab-bar这个组件是每次都被渲染,图片被重新加载,不可避免的出现闪现,只是图片小,闪现更短,只能制作成一个页面才能解决吗
我去看了下其他的小程序(唯品会、中百、boss),丝滑得很啊。疯狂尝试各种方法,终于
第一步把自定义tabBar中this.setData({selected: data.index })注掉。
第二步cover-view换成view,cover-image换成van-icon再设置对应的图标(图标是用vant自带的),提上体验版也很丝滑。
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
看了别人的回复,照着做第一次切换还是会闪烁,经过分析第一次切换闪烁是因为额外多了icon图片的请求,所以解决方案如下:
1.cover-view改成view,cover-image 改成image, cover 这些官方不建议使用。
2.将TabBar 用到的所有图片使用 base64 字符串替换,可以额外减少HTTP的请求(缺点:可读性差一点)
3.在自定义tabbar 组件switchTab 方法中,不要再setData selected 属性。
cover-view和cover-image只在第一次点击时会有一个非常明显的闪烁, 后续不会再闪烁.
目前应该是只有单页才能实现不闪烁, 不使用他提供的tabbar
我去,都2025年了,还没。。。
今天是2024年12月13日,马上2025年。依旧闪烁呀...
顺丰小程序没有这个问题
2024年7月了,这个bug还没解决吗?官网团队在干嘛
都马上2024年了, 官方还没给个答复,也是醉了,,,,,,
上述方法实践后,都无法逃脱tabbar在每次页面加载时,会被重新渲染, 通过this.getTabBar(),也只是设置你tabBar选中的时候状态,问题在于switchTab跳转的页面中,custom-tab-bar这个组件是每次都被渲染,图片被重新加载,不可避免的出现闪现,只是图片小,闪现更短,只能制作成一个页面才能解决吗
我去看了下其他的小程序(唯品会、中百、boss),丝滑得很啊。疯狂尝试各种方法,终于
第一步把自定义tabBar中this.setData({selected: data.index })注掉。
第二步cover-view换成view,cover-image换成van-icon再设置对应的图标(图标是用vant自带的),提上体验版也很丝滑。