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