首页 > 代码库 > React Image加载图片过大导致ListView滑动卡顿

React Image加载图片过大导致ListView滑动卡顿

今天莫名的发现ListView加载Item很卡,一顿一顿的。。。

ListView Item 中只加载一张图片,小编从百度爸爸上随便复制的链接,这张图片很大,以致埋下如此大坑。。。

Image的Style配置如下:

技术分享

我们来下看官方对于reSizeMode的解释:

技术分享

 经过多次测试确实是因为reSizeMode设置成 contain 导致的,如果我将reSizeMode去掉如下:

技术分享

 完全OK 没问题。。。

唯一能解释的就是:contain属性下,图片拉伸导致性能降低。。。

记录此问题,防坑~~~

React Image加载图片过大导致ListView滑动卡顿