Flutter无法显示本地图片

这是一篇解决Flutter中Image.asset使用本地图片失败的记录文档

Flutter学习新手，遇到了很多问题，借此用文字记录一下。在记录的同时可以理顺自己的思路，同时也希望后来者能够少一点坑。

问题来由

在研究Flutter布局元素的时候，有文档提到引用本地图片，即使用Image.asset方法，在此之前需要修改pubspec.yaml文件。但按照文档修改之后引用仍然失败。查找多番文档和网络解决办法之后，引用成功，以此为鉴。

先在根目录下建立images文件夹，拷贝本地图片到文件夹，这里以cat.png为例。

pubspec.yaml文件修改

注意格式对齐，删除注释文字

flutter:
  uses-material-design: true
  assets:
  - images/cat.png

然后点击右上角的Packages get

main.dart文件修改

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Top Lakes'),
        ),
        body: Image.asset(
            'images/cat.png',
          fit: BoxFit.fitWidth,
        ),
      ),
    );
  }

重新运行即可。