React Image加载图片过大导致ListView滑动卡顿
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React Image加载图片过大导致ListView滑动卡顿相关的知识，希望对你有一定的参考价值。
今天莫名的发现ListView加载Item很卡，一顿一顿的。。。
ListView Item 中只加载一张图片，小编从百度爸爸上随便复制的链接，这张图片很大，以致埋下如此大坑。。。
Image的Style配置如下：
我们来下看官方对于reSizeMode的解释：
经过多次测试确实是因为reSizeMode设置成 contain 导致的，如果我将reSizeMode去掉如下:
完全OK 没问题。。。
唯一能解释的就是：contain属性下，图片拉伸导致性能降低。。。
记录此问题，防坑~~~
以上是关于React Image加载图片过大导致ListView滑动卡顿的主要内容，如果未能解决你的问题，请参考以下文章
VUE项目中图片加载过大处理方式-渐进式方式-懒加载方式--附源码