Image 组件 ( cached_network_image 网络图片缓存插件 )

2022/1/13 6:07:29

本文主要是介绍Image 组件 ( cached_network_image 网络图片缓存插件 ),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

从网络上加载的图片 , 可以缓存下来 , 如果再次获取该图片就直接从缓存中获取该图片 , 类似 Glide 中的三级缓存机制 ;

缓存图片可以使用 cached_network_image 插件实现 ;

安装 cached_network_image 插件 :

搜索插件 : 在 https://pub.dev/packages 中搜索 cached_network_image 插件 ;
插件地址 : https://pub.dev/packages/cached_network_image
配置插件 : 在 pubspec.yaml 中配置插件 
 

dependencies:
  cached_network_image: ^2.5.1

  • 导入头文件 :
import 'package:cached_network_image/cached_network_image.dart';

 

Center(
  // 图片加载完成之前显示的是 placeholder , 加载完成后显示网络图片
  child: CachedNetworkImage(
    // 加载网络图片过程中显示的内容 , 这里显示进度条
    placeholder: (context, url)=>CircularProgressIndicator(),
    // 网络图片地址
    imageUrl: "https://www.www.zyiz.net/i/ll/?i=20210324100419204.png",
  ),
),



这篇关于Image 组件 ( cached_network_image 网络图片缓存插件 )的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程