Question

我对Flutter还是很陌生，到目前为止，我发现所有事情都如此轻松愉快，但是现在我被困在一个看起来很简单的东西上-我似乎无法使用本地资产。

当我无法加载本地资产mp3文件时，即使使用了该教程的代码，我也陷入了Audioplayers软件包的教程中。我会得到：FlutterError无法加载资产：（assets / audio.mp3）。我查看了pubspec.yaml，一切都正确无误，并且缩进了。该文件绝对位于我的Assets文件夹中。我感到沮丧，并想做一个简单的测试。我尝试从图像小部件教程中运行代码，指向资产文件夹中的.png文件。

import 'package:flutter/material.dart';

void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
 u /override
 Widget build(BuildContext context) {
 return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Image from assets"),
        ),
        body: Image.asset('Capture.PNG'), //   <-- image
      ),
    );
  }
}

虽然它不会崩溃，但只是不显示照片。我看到AppBar和一个灰色屏幕。该文件位于正确的位置（project_file> project_file>资产）

文件命名正确（Capture.PNG）

pubspec.yaml指定照片：

flutter:
 assets:
    - assets/Capture.PNG

我尝试冷重启模拟器，在仿真之前运行flutter clean和flutter pub get，重新启动计算机，添加了另一个目录（/ images），然后将其删除。我尝试使用.jpg而不是.png文件，但没有任何效果。我一直希望在某个地方发现人为错误，但是我已经经历了很多次，似乎不太可能。我似乎无法加载一张简单的照片，更不用说弄清楚mp3播放了。

Answer 1

替换为：

Image.asset('assets/Capture.PNG')

无法在Flutter项目中加载资产

1 个答案: