我正在使用 Flutter 开发应用程序,并且需要在Card窗口小部件(使用LazyLoadScrollView)中显示来自Firebase的大量(超过1000张)图像
注意:平均图片大小为320KB
所以我测试了:
CachedNetworkImage(imageUrl: 'url',
fit: BoxFit.cover,
placeholder: (context, url) =>
Image.asset('assets/images/creative.gif'),
errorWidget: (context, url, error) => Icon(Icons.error),),
在加载15到20张卡(几乎= 40张图像)后,就会导致大性能问题。
FadeInImage.assetNetwork( placeholder: 'assets/images/creative.gif',
fit: BoxFit.cover,
image:'url',
),
关于性能,它很完美,但是没有缓存,因此当我上下滚动时它会重新加载图像(我不知道为什么:v)
FadeInImage(fit: BoxFit.cover,
image: new CachedNetworkImageProvider(
'url',),)
相同的性能问题,例如CachedNetworkImage。