多张图片的界面渲染很慢

发布于 8 年前作者 jing5914276 次浏览最后编辑 8 年前来自 ask

我的数据是通过请求服务器获取的json,再解析出来的,其中包含图片http路径,因此获取json数据时间很短,但是图片scr="{{path}}"加载渲染过程却极慢。

<image style="width: 220rpx; height: 220rpx" src=" {{image.path}}" bindtap="previewCurrentImage" />

这就很尴尬了,我没法知道大量的图片什么时候加载完毕,所以“加载中…”的提示早就结束了,界面还在渲染。请问有什么好的解决思路吗?谢谢

5 回复
jbai
jbai1 楼6 年前

用图片预加载组件,github里搜一下。

baiyang
baiyang2 楼6 年前

只渲染可视区域的图片

iqin
iqin3 楼6 年前

嗯,只渲染可视区域的图片。有什么办法判断当前组件是否在可视区域内呢?

vmeng
vmeng4 楼6 年前
elong
elong5 楼6 年前

预加载组件需要制作缩略图的吧,这样有点不方便。