收藏
回答

recycle-view长列表回滚出现闪动,麻烦问下什么问题?

recycle-view在使用过程中出现闪动,上滑加载更多正常,回滚会存在闪动

场景:

一次接口100张图片,调用两次接口,滑动到130张图片位置开始回滚,在回滚到某个位置时,例如第80张图片会闪动到第83张图片(陷入循环,滚动条依然可以回到顶部,回到顶部最前面的一些图片没有渲染),看scrollTop是正常的

条件:

1、正常使用组件 2、图片高度等一些组件注意点都已设置

回答关注问题邀请回答
收藏

5 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    07-03

    你好,麻烦具体描述问题流程,提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    07-03
    有用
    回复 14
    • 张金超
      张金超
      07-04
      感谢你的回复,没有具体机型,应该都存在这个问题,图片都为网络图片,一次接口加载五六十张图片,加载两三次,然后正常慢慢回滚就会出现,图片未设置边距等,只展示图片正常一列排列,目前微信开发者工具、qq开发者工具模拟器必现(切换过基础版本库必现),真机测试过小米8、9、10、9pro、iphone7、iphone8、oppo等,各种微信及系统版本都有,我在这个组件下也提了issues,以及录屏,方便你们了解问题,辛苦及时关注这个问题,给出答复
      github提的issues录屏:
      https://github.com/wechat-miniprogram/recycle-view/issues/69
      07-04
      回复
    • 张金超
      张金超
      07-04
      可以使用qq开发者工具测试,这个比较好复现
      07-04
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      07-04回复张金超
      请参照上面的链接提供下代码片段呢
      07-04
      回复
    • 张金超
      张金超
      07-04
      代码片段:https://developers.weixin.qq.com/s/zpLN5AmZ7kiB
      请在qq开发者工具中测试(目前必现,以及真机,复现步骤:向下多滚动点内容,然后正常慢慢回滚),微信目前用这个片段没有复现出来,不太好复现(正在使用的较容易复现),但是问题是一样的
      07-04
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      07-05回复张金超
      这个是QQ小程序的问题?
      07-05
      回复
    查看更多(9)
  • Leo
    Leo
    07-03

    遇到同样的问题,顺带吐槽一下,腾讯的技术部门是真的垃圾

    07-03
    有用 1
    回复
  • xiaoqiang
    xiaoqiang
    11-05

    你好,问题解决了吗?

    我之前长列表调好不闪,但是新加了一些内容,列表什么都没改,然后图片就会闪了。感觉和 setData 关系非常大,但又不清楚机制。

    11-05
    有用
    回复
  • ldezho
    ldezho
    07-28

    闪着闪着列表直接空了,但是getList可以看到数据还在

    07-28
    有用
    回复 2
    • 张金超
      张金超
      08-05
      recycle-view、recycle-item都写死固定高度试一下,相应的宽度取一下设备的宽度设置,不要直接设置375或者100%等
      08-05
      回复
    • ldezho
      ldezho
      08-21回复张金超
      给recycle-view 的height属性设置成screenheight再加个高度(我设置的screenheight+200),然后不闪了
      08-21
      回复
  • Admin²⁰²⁰
    Admin²⁰²⁰
    07-03

    个人感觉像是设置的height跟实际终端上显示的height有误差导致。

    比如你设置item的height为80px的高度,实际在手机上呈现的(因为种种原因,比如padding,marign导致)item的实际高度不是这个值。这些在量多了后,会出现这种情况,我用这个组件的时候也出现过这种情况。目前没有完美的解决方案。

    07-03
    有用
    回复 1
    • 张金超
      张金超
      07-03
      目前没有设置边距, 图片固定高度,终端容器的高度看了是正常的,这两天看组件源码感觉好像跟top值计算,以及重新set数据导致
      07-03
      回复
登录 后发表内容
问题标签