收藏
评论

自定义tabbar切换时会闪烁

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

138 个评论

  • 阿隆
    阿隆
    2022-09-08

    这个自定义tabbar我看文档的意思 应该是给单页面使用的。

    他在文档里有这么一句话:每个 tab 页下的自定义 tabBar 组件实例是不同的,可通过自定义组件下的 getTabBar 接口,获取当前页面的自定义 tabBar 组件实例

    所以,在切换tabbar时 特别是首次打开一个tabbarPage,相当于是创建一个新的tabbar,就避免不了闪烁。同理,如果是改变,比如给tabbar增加一个按钮,那也只给当前的页面实例修改,所以在切换tabbar,前一个page还是老的tabbar实例,就会出现闪烁或者抖动的情况。

    如果想后续点击不闪的话,我倒是有个办法,就是在改变某个tabbar页面布局时用eventBUS去通知所有的tabbar页面刷新一下tabbar。

    eventBus:https://blog.csdn.net/z564359805/article/details/118442507

    2022-09-08
    赞同
    回复
  • 2022-08-25

    都2022年8月25日了,还在闪~~~我真服了,没人维护就关掉吧

    2022-08-25
    赞同
    回复
  • 旧友
    旧友
    2022-08-17

    自定义组件 可以在引用的页面 把index传值给tabBer。

    页面闪烁是因为,自定义tabBer是在页面引入的,他首先会加载页面,所以你在引入的那里把index传给tabBer组件,就不会有闪烁的问题啦

    2022-08-17
    赞同
    回复
  • 莴莴莴笋
    莴莴莴笋
    2022-08-10

    都2022年8月了,还闪

    2022-08-10
    赞同
    回复 1
    • 莴莴莴笋
      莴莴莴笋
      2022-08-10
      微信治好了我的精神内耗,一遍又一遍喂我吃屎
      2022-08-10
      回复
  • 如流日月
    如流日月
    2022-08-04

    都快2022年国庆了还没给个答复

    2022-08-04
    赞同
    回复
  • ￴ ￴￴
    ￴ ￴￴
    2022-08-02

    使用 MobX可以解决闪烁问题;


    2022-08-02
    赞同
    回复
  • Yz
    Yz
    2022-07-10

    2022/07/10. 前来扫墓, 顺便希望有个大佬能帮我解决一下

    2022-07-10
    赞同
    回复
  • 谢志杰
    谢志杰
    2022-07-04

    2022年 7月4号

    2022-07-04
    赞同
    回复
  • 今禾
    今禾
    2022-06-23

    都2022.6.23了都每个官方的解决方法,好多人说注释掉index.js 这3行可以,我试了没用的。

    2022-06-23
    赞同
    回复
  • 亦墨青山
    亦墨青山
    2022-06-18

    闪烁问题貌似还没解决啊

    2022-06-18
    赞同
    回复

正在加载...

登录 后发表内容