小程序
小游戏
企业微信
微信支付
扫描小程序码分享
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自带的），提上体验版也很丝滑。