Flutter详解如何配置本地图片资源

Flutter详解如何配置本地图片资源

如何配置

在主项目目录下新建文件夹：images

目录大致结构

• flutter项目：
  • images
  1. start.gif
  2. ykStudio.png
  • lib

将图片资源复制进images中

然后在pubspec.yaml文件中进行配置：

找到他大概50多行 会有一个被注释的
#assets:
#- XXXXXX
#- XXXXXX

把这三个注释解开就行 XXX文件改成你自己的图片名字加后缀

注意：
解开之后这三行或多行的前面都删减一个空格
总而言之记住一个口令：
assets：a对其上面uses-material-design的u
“-”：对其assets的第二个s
“-”完之后有一个空格 最后才是你的资源文件
配置完记得pub get/package get

引用：

在任意一个需要插入本地资源图片的地方进行使用即可

new Image.asset('images/start.gif',fit: BoxFit.cover,),

关注我，一起成长！
-As.Kai