Flutter显示来自Firebase的大量图像

时间:2020-06-05 14:49:38

标签: android firebase performance android-studio flutter

我正在使用 Flutter 开发应用程序,并且需要在Card窗口小部件(使用LazyLoadScrollView)中显示来自Firebase的大量(超过1000张)图像
注意:平均图片大小为320KB

所以我测试了:

  1. CachedNetworkImage
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张图像)后,就会导致大性能问题

  1. FadeInImage
FadeInImage.assetNetwork( placeholder: 'assets/images/creative.gif',
                          fit: BoxFit.cover,
                          image:'url',
                        ),

关于性能,它很完美,但是没有缓存,因此当我上下滚动时它会重新加载图像(我不知道为什么:v)

  1. 带有CachedNetworkImageProvider的FadeInImage
FadeInImage(fit: BoxFit.cover,
            image: new CachedNetworkImageProvider(
            'url',),)

相同的性能问题,例如CachedNetworkImage。

请帮助!

0 个答案:

没有答案