Flutter中如何添加图片？构建APK时pubspec.yaml报错求助

错误原因及修复 #

你遇到的Could not find expected ':' for simple key错误，是因为YAML语法对格式要求严格：列表项的短横线-后面必须跟一个空格，你的配置行-images/pic.png缺少这个空格，导致解析失败。

修正后的pubspec.yaml中assets部分代码如下：

flutter:
  uses-material-design: true

  assets:
    - images/pic.png

注意：

• assets:下的列表项需要缩进（与上方uses-material-design保持一致的缩进层级）
• 短横线-和图片路径之间必须有一个空格

完整的Flutter添加图片步骤 #

1. 创建图片目录：在项目根目录新建images文件夹，将pic.png放入其中。
2. 配置pubspec.yaml：按照上面的正确格式添加assets配置，保存后执行flutter pub get同步配置。
3. 在代码中使用图片：
   • 使用Image.asset直接渲染：

     Image.asset('images/pic.png')
     

   • 或者使用AssetImage作为图片源（比如在DecorationImage中）：

     DecorationImage(image: AssetImage('images/pic.png'))
     

完成以上步骤后，重新执行flutter build apk即可正常打包。

内容的提问来源于stack exchange，提问作者Tawhidul Islam