Flutter资源图片加载注意事项

Flutter 应用程序包含代码和 assets（有时称为资源）。资源是被打包到应用程序安装包中，可以在运行时访问的一种文件。常见的资源类型包括静态数据（例如 JSON 文件），配置文件，图标和图片（JPEG，WebP，GIF，动画 WebP / GIF，PNG，BMP 和 WBMP）。

指定资源

Flutter 使用 pubspec.yaml文件，位于项目根目录, 来识别应用程序所需的资源。
官方栗子:

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

详情见官网

实际运用

你可以在工程中新建存放资源的文件夹，例如：images，如图所示：

屏幕快照 2019-07-25 下午1.20.13.png

将你所需要的资源拖入该文件夹中。

敲黑板划重点

当我们在pubspec.yaml添加资源路径，打开被注释assets:,此时assets :前面会多一个空格必须使assets :和uses-material-design:左边对齐，才可以正常使用资源图片，例如我在上面例子中新增加了一个images文件夹，里面有一张名为test.jpeg图片，在pubspec.yaml就可以这样写：

屏幕快照 2019-07-25 下午1.40.35.png

在代码中就可以这样使用：

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('图片放大'),),
      body: new Center(
        child: Image.asset("images/test.jpeg",
            width: animation.value,
            height: animation.value
        ),
      ),
    );

  }