Flutter 图片组件开发详解

图片控件开发详解

• Image widget
• 如何加载网络图片？
• 如何加载静态图片？
• 如何加载本地图片？
• 如何设置Placeholder?
• 如何配置图片缓存？
• 如何加载Icon？

Image widget

Flutter中一个用来展示图片的widget。

Image支持如下几种类型的构造函数：

• new Image - 用于从ImageProvider获取图像；
• new Image.asset - 使用key 从AssetBundle获得的图像；
• new Image.network - 从网络URL中获取图片；
• new Image.file - 从本地文件中获取图片；
• new Image.memory - 用于从Uint8List获取图像；

在加载项目中的图片资源时，为了让Image能够根据像素密度自动适配不同分辨率的图片，请使用AssetImage指定图像，并确保在widget树中的“Image” widget上方存在MaterialApp，WidgetsApp或MediaQuery窗口widget。

Image支持的图片格式

Image 支持以下类型的图片：JPEG, PNG, GIF, Animated GIF, WebP, Animated WebP, BMP, 和 WBMP。