扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这个小例子使用的是豆瓣 API 中 正在上映的电影 的开放接口，要实现的主要效果如下:
创新互联公司致力于互联网网站建设与网站营销，提供网站设计制作、成都做网站、网站开发、seo优化、网站排名、互联网营销、成都微信小程序、公众号商城、等建站开发，创新互联公司网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。
JSON 数据结构
先上图（样式自己调整）
1.新建小部件
根据实际情况修改以下部分内容；
2.使用(index 为当前点击图片的下标，)
借助BlendMode属性可以处理图片的色值，有很多混合方式，官方文档：
这里只说图片变黑白
方式一，直接设置image里的color和colorBlendMode属性：
方式二，通过ShaderMask设置blendMode：
Image组件的构造方法
在 Android 中，我们都知道，图片的显示方式有很多，资源图片、网络图片、文件图片等等，在 Flutter 中也有多种方式，用来加载不同形式的图片：
Image：通过ImageProvider来加载图片
Image.asset：用来加载本地资源图片
Image.file：用来加载本地（File文件）图片
Image.network：用来加载网络图片
Image.memory：用来加载Uint8List资源（byte数组）图片
Image 的一个参数是 ImageProvider，基本上所有形式的图片加载都是依赖它，这个类里面就是实现图片加载的原理。用法如下：
加载一个本地资源图片，和 Android 一样，有多种分辨率的图片可供选择，但是沿袭的是 iOS 的图片风格，分为 1x，2x，3x，具体做法是在项目的根目录下创建两个文件夹，如下图所示：
还要配置如下
在pubspec.yaml文件
加载一个本地 File 图片，比如相册中的图片，用法如下
加载一个网络图片，用法如下：
有的时候我们需要像Android那样使用一个占位图或者图片加载出错时显示某张特定的图片，这时候需要用到 FadeInImage 这个组件：
用来将一个 byte 数组加载成图片，用法如下：
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网