在 Flutter 中显示本地图片

在 Flutter 中显示本地图片

---

1. 创建图片资源目录

首先要创建图片资源目录，以存放图片。

在项目根目录，创建一个 assets 目录，在它的下面，创建一个叫 images 的子目录，用于存放图片资源：

/assets/images/

2. 将本地图片添加到资源目录

将我们需要用到的图片，添加到 /assets/images/ 目录中。

3. 在 pubspec.yaml 中注册

将图片目录配置到 pubspec.yaml 文件中：

flutter:
  assets:
    - assets/images/

上面将整个图片目录进行了注册，这时我们就可以使用了。

当然，如果只想注册一张图片，我们可以这么做：

flutter:
  assets:
    - assets/images/task_icon.jpg

4. 图片使用

现在，可以直接在代码中使用图片了：

Image.asset('assets/images/task_icon.jpg')

Flutter Image 是显示图片的一个 Widget。Image.asset(String name)：从 AssetBundler 中获取图片。

---

**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》
**PS：更多精彩内容，请查看 --> 《Flutter 开发》