收藏
评论

自定义tabbar切换时会闪烁

预估支持的基础库版本 预估支持的客户端版本 平台 预估发布版本
- - - -
  1. 减少不必要的 setData 可以消除 data 变化导致的闪烁现象
  2. 使用普通 image 代替 cover-image 、普通 view 代替 cover-view 可以减弱由于 cover 组件创建偏慢导致的闪烁现象(但要注意组件层叠层级) 但 android 本身的的渲染延迟仍然会导致一部分闪烁现象
最后一次编辑于  2023-05-11
关注Issue发表评论
赞 43

144 个评论

  • 得得得得得得得得得得得得得得得
    得得得得得得得得得得得得得得得
    2022-01-06

    超过两个tabbar页不要单纯的使用官方说的show时getTabBar().setData设置选中态,自定义tabbar是多个实例的,那样只会改变当前tabbar实例的选中态,其他页面的tabbar实例并没有改变选中态,这样会导致你说的那些问题。

    正确做法:

    在每个tabbar lifetimes attached时找个地方(比如globalData)存进去,然后在每个tabbar页面show时遍历存的tabbar实例setData 选中态, 因为官方demo只有两个tabbar页,于是只获取当前页的tabbar实例setData不会有问题,官方这个不回复态度就是只管拉屎不管搽屁股。

    2022-01-06
    赞同 4
    回复 6
    • 白茶清欢
      白茶清欢
      2022-01-11
      大佬给个示例吧
      2022-01-11
      回复
    • 略略略🇨🇳
      略略略🇨🇳
      2022-03-02
      同求示例
      2022-03-02
      回复
    • 媛媛
      媛媛
      2022-04-22
      同求
      2022-04-22
      回复
    • Murph
      Murph
      2022-07-25
      感谢 正解!
      2022-07-25
      回复
    • JeanHAOo  ོ་
      JeanHAOo ོ་
      2023-11-28回复Murph
      怎么解决的啊
      2023-11-28
      回复
    查看更多(1)
  • LevenHan
    LevenHan
    2023-08-10

    今天是2026年8月10日,微信小程序快倒闭了,偶然间被指派维护公司这个老项目,该问题依然没有得到解决

    2023-08-10
    赞同 3
    回复 1
    • 傅的流油
      傅的流油
      05-12
      反正2025年5月12日,还是没有解决这个问题呢
      05-12
      1
      回复
  • blingbling
    blingbling
    2023-03-15

    今天是2023年3月15日(国际消费者权益日),第一次切换依旧还在闪烁。

    2023-03-15
    赞同 3
    回复
  • win
    win
    2023-03-03

    2023年了这个问题还没解决吗?体验太差了

    2023-03-03
    赞同 3
    回复 1
    • 司马缸砸光
      司马缸砸光
      2023-06-08
      微信真是托谢特
      2023-06-08
      1
      回复
  • ๛
    2023-02-08

    2023宇宙闪烁无解

    2023-02-08
    赞同 3
    回复
  • 飞越
    飞越
    2022-03-24

    老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题

    2022-03-24
    赞同 3
    回复 6
    • 飞越
      飞越
      2022-03-24
      老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
      2022-03-24
      回复
    • 飞越
      飞越
      2022-03-24回复飞越
      老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
      2022-03-24
      回复
    • 飞越
      飞越
      2022-03-24回复飞越
      老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
      2022-03-24
      回复
    • 飞越
      飞越
      2022-03-24
      老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
      2022-03-24
      回复
    • 飞越
      飞越
      2022-03-24
      老板,android机还是会闪的,这个问题很久了,是不是自定义tabbar不想支持android?为啥根本没人修复这个问题
      2022-03-24
      回复
    查看更多(1)
  • 2021-03-11

    会闪是因为每次打开页面或者切换TabBar都会重新新开一个TabBar,造成页面实际上有多个自定义TabBar重叠。

    图片是模拟器中页面滚动时浏览器弹动效果看到的加载了多次自定义TabBar并重叠显示了。而且好像每次切换tab打开TabBar中的页面,都会多打开一个TabBar。TabBar配置5个tab,实际TabBar可能重叠有5-6层。

    2021-03-11
    赞同 3
    回复 3
    • 烟雨平生
      烟雨平生
      2021-05-05
      请问这个解决了吗···
      2021-05-05
      回复
    • Lemon
      Lemon
      2021-06-01
      是的 而且有几个tabbar就会重新渲染几次tabbar 导致重叠 经过代码断点才发现这个。
      希望可以全局保持custom-bar的独立渲染空间,不跟page结合 避免重复渲染
      2021-06-01
      回复
    • Lemon
      Lemon
      2021-06-02
      点击一次切换 渲染4次 。。
      2021-06-02
      回复
  • L.D.饼
    L.D.饼
    2020-12-04

    持续关注 自定义tabbar加载分包的时候 会先闪一下

    2020-12-04
    赞同 3
    回复 1
    • 慢慢
      慢慢
      2021-11-04
      不分包也闪
      2021-11-04
      回复
  • musicode
    musicode
    02-13

    2025年了,还没解决,腾讯真牛逼啊

    02-13
    赞同 2
    回复
  • go-Ball
    go-Ball
    2024-12-26

    我去,都2025年了,还没。。。

    2024-12-26
    赞同 2
    回复 2
    • ㅤㅤ
      ㅤㅤ
      02-10
      02-10
      回复
    • 傅的流油
      傅的流油
      05-12
      2025、5、12,还是没有解决
      05-12
      回复

正在加载...

登录 后发表内容