如何使用android studio在flutter上加载图像

Posted 2023-02-23

【中文标题】如何使用android studio在flutter上加载图像

【英文标题】：How to load an image on flutter using android studio

【发布时间】：2019-08-21 22:31:57

【问题描述】：

我是第一次构建一个颤振应用程序。我发现了使用 yaml 时遇到的初始错误。现在我的错误是“在 pubspec.yaml 中检测到错误： 未找到资产的文件或变体：assets/food.jpg。

构建资产时出错 完成错误：Gradle 任务 assembleDebug 失败，退出代码为 1"

我为我正在使用的图片创建了一个文件夹，将其命名为“资产”，图片位于文件夹中。 yaml 无法识别该文件夹。我猜路径不正确。

颤动：

# 以下行确保 Material Icons 字体是 # 包含在您的应用程序中，以便您可以使用 # 材质图标类。 使用材料设计：是的

# 要将资产添加到您的应用程序，请添加一个资产部分，如下所示：

资产： - 资产/food.jpg

上面的代码是 yaml 上的。

下面是android studio的代码：

import 'package:flutter/material.dart';


main() 
  runApp(MyApp());


class MyApp extends StatelessWidget 
  build(context) 
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: Text('EasyList'),
          ),
          body: Card(child: Column(children: <Widget>[
      Image.asset('assets/food.jpg'),
      Text('Food Paradise')
      ],),),

        ),
     );
  

以下是错误：

在 pubspec.yaml 中检测到错误： 未找到资产的文件或变体：assets/food.jpg。

构建资产时出错 完成错误：Gradle 任务 assembleDebug 失败，退出代码为 1

我正在尝试将图片上传到应用程序。有什么建议吗？

【参考方案1】：

确保pubspec.yaml 正确缩进并且food.jpg 图像文件已添加到assets 目录中。

flutter:
  uses-material-design: true
  assets:
    - assets/food.jpg

还要确保在项目的根目录下创建assets 目录。

- app/
   - android/
   - assets/
   - lib/
   - pubspec.yaml
   - other directories/files

【讨论】：

将food (2).jpg重命名为food.jpg并将其移入assets/目录

知道了，谢谢！我怀疑我需要删除资产文件夹中的 (2)，但我不确定。谢谢！

【参考方案2】：

以下是我如何在颤振中拥有我的“资产”文件夹。我打开了资产文件夹。对吗？

flutter_practice
.idea
android
assets
food (2).jpg
gradle
ios
lib
test
.gitignore
.metadata
.packages
build.gradle
flutter_practice.iml
gradlew
gradlew.bat
local.properties
pubspec.lock
pubspec.yaml
README.md

【讨论】：

将 food (2).jpg 重命名为 food.jpg 并将其移动到 assets/ 目录中。您可以编辑自己的帖子，而不是发布答案。