list cell 不可见区域如何实现预加载

分类：nvue

现状：

https://uniapp.dcloud.io/component/list?id=setspecialeffects

“在app-nvue下，如果是长列表，长页面处于不可视的部分，其渲染资源会自动回收 ”
“Android 平台，因 <list> 高效内存回收机制，不在屏幕可见区域的组件不会被创建”

我这边使用 list >cell 做了一个类似抖音短视频应用，但是在往下滑的时候发现会出现黑一下的情况。

附带视频

问题： 能否在 list 不可见区域实现预加载

Record_2020-11-18-14-10-52_32006c4f255017bae49df4~1.rar

2020-11-18 14:34 负责人:无分享

3 个回复

nicepainkiller (作者) - 最爱 dcloud

同样的需求
https://ask.dcloud.net.cn/question/110633

DCloud_uniCloud_JSON

视频封面用的是图片吗还是需要等待视频加载才出来。oss或者unicloud云存储阿里云版可以通过url+参数，获取视频第一帧的图片。参考链接：https://help.aliyun.com/document_detail/64555.html?spm=a2c4g.11186623.2.17.274651b0YkQ5hE#concept-kz1-cwc-wdb

另外可以给 cell传 :recycle="false" 这个属性控制这个 Cell 的 view 和子 views 是否在列表滚动时进行回收。

nicepainkiller (作者)

视频是由图片封面的，但是封面在 list cell 不显示区域，是不加载的。

当刚开始现实再去加载图片就会有个短暂时间。才能加载出来

2020-11-19 10:20
instant

加:recycle="false"也是没有作用，我所有cell全加:recycle="false"了还是不会渲染

2020-11-19 16:47
DCloud_uniCloud_JSON

回复 nicepainkiller: 私信下我你的qq

2020-11-19 18:49
makeit

回复 DCloud_uniCloud_JSON: 请问 list 下就一个cell，而且这一个cell很长，那不可见区域也会回收吗？

2021-07-04 16:16
DCloud_uniCloud_JSON

回复 makeit: nvue下的list（得给list设置高）回收不可见区域的内存就是他的特性

2021-07-06 11:17
makeit

回复 DCloud_uniCloud_JSON: 回收是按整个cell回收，还是半个cell也能回收？（半个是指这个cell有一部分可见，有一部分不可见，不可见部分页会回收？）

nvue下的list组件，只有唯一一个很长cell

2021-11-12 12:11
QLing

回复 makeit: 找到答案了吗

2022-01-22 17:53
makeit

回复 3***@qq.com: 没有

2022-01-23 00:50