Flutter 网络图片延迟加载

【问题标题】：Flutter network image lazy loadingFlutter 网络图片延迟加载
【发布时间】：2020-12-29 07:15:02
【问题描述】：

我有一些问题。如何从 Instagram 等 Firebase 数据库中延迟加载视频或照片？我正在使用NetworkImage() 小部件。

【问题讨论】：

【解决方案1】：

对于图像的延迟加载，您可以查看cached_network_image 包。它提供了progressIndicatorBuilder，用于显示图片加载的进度。

例如（取自库文档），

CachedNetworkImage(
    imageUrl: "http://via.placeholder.com/350x150",
    progressIndicatorBuilder: (context, url, downloadProgress) => 
            CircularProgressIndicator(value: downloadProgress.progress),
    errorWidget: (context, url, error) => Icon(Icons.error),
 ),

视频播放器可以查看video_player库。如果你想对视频使用缓存功能，也可以查看cached_video_player，它是扩展video_player包的。

【讨论】：