如何使用Android Studio在Flutter上加载图像

时间:2019-03-31 17:34:03

标签: dart flutter

我是第一次构建Flutter应用程序。我弄清楚了yaml遇到的最初错误。现在我的错误是“在pubspec.yaml中检测到错误: 找不到资产的文件或变体:asset / food.jpg。

建立资产时出错 错误完成:Gradle任务assembleDebug失败,退出代码为1“

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

颤动:

#下一行确保“材质图标”字体为   #包含在应用程序中,以便您可以使用其中的图标   #材质的Icons类。   use-material-design:true

#要将资产添加到您的应用程序,请添加资产部分,如下所示:

资产:     -资产/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中检测到错误: 找不到资产的文件或变体:asset / food.jpg。

建立资产时出错 错误完成:Gradle任务assembleDebug失败,退出代码为1

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

下面是我如何在Flutter上放置“资产”文件夹。我打开了资产文件夹。正确吗?

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