【问题标题】:How to load an image on flutter using android studio如何使用android studio在flutter上加载图像
【发布时间】: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

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

【问题讨论】:

    标签: dart flutter


    【解决方案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/ 目录中。您可以编辑自己的帖子,而不是发布答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-05-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多