Flutter无法显示本地图片的问题(Flutter Class 1)
这是一篇解决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(
app