Flutter 用 Image.asset 显示图片

今天拜读了某大牛的关于 Flutter 的书，里面提到的显示本地图片的方法是这样的：

在 pubspec.yaml 中加入：

flutter:
assets:
- images/light.png
- images/decode.png

使用图片的代码：
Image.asset('images/decode.png'),
Image.asset('images/light.png'),

运行
虽然图片正常显示，但是我就想，如果我有100多张图片，每个图片名都加到 pubspec.yaml 里还不累死？于是网上一顿搜，终于找到好办法，pubspec.yaml 里只要这样写就 OK 了：

flutter:
assets:
- images/
AI写代码
XML
如果要适配多种像素密度，可以在 images 文件夹下创建不同像素密度的文件夹，文件夹名称与密度相关，密度2的名字是2.0x，密度3的名字是3.0x，以此类推，如图1所示。

图1

pubspec.yaml 的修改如下所示：

flutter:
assets:
- images/
- images/2.0x/
- images/3.0x/

以上3个文件夹中图片文件名相同，但是分辨率不同，而加载图片的代码不变，仍然是

Image.asset('images/decode.png'),

系统会根据当前的屏幕的像素密度自动加载对应文件夹中的图片。

全文完。