flutter加载图片：三种方案及其原理浅析

flutter目前已经在移动端进行了较大范围的使用，随着研发人员人数的不断投入以及第三方轮子的不断完善，无论是开发体验还是APP的整体使用体验都取得了长足的进步。作为目前移动端最流行的跨平台开发技术，flutter自身的功能也在快速迭代中不断优化，从官网可以看到release版几乎保持周更甚至更快的频率，有理由相信目前遇到的种种问题都将在不久后得到修复。好了，言归正传，本文主要阐述flutter组件开发过程中遇到的图片加载相关的问题，虽然flutter提供了基本的图片加载的能力，实际开发过程中仍然遇到很多棘手的问题。本文主要介绍flutter项目中遇到的加载网络图片的问题，以及相应的解决办法，彻底解决网络图片加载的痛点。

问题分类及解决方案

1. https证书问题
   这个问题比较常见，与普通HTTP请求一样，在进行https通讯时httpclient会对服务器证书进行校验，对于自签名的https证书需要配置对应的校验规则，否则默认情况下校验不通过就会报这个问题。服务端的证书随时可能会变且APP不可能每次重新打包，因此忽略证书校验是一种比较常见的做法。以cached_network_image为例，为其添加忽略证书校验的方法：

           Container(
               child: CachedNetworkImage(
               httpHeaders: widget.headers,
               cacheManager: ImageWithoutAuthCacheManager(),
               imageUrl: imageUrl,
               fit: widget.fit,
               placeholder: placeholder,
               errorWidget: errorWidget,