无法加载资产：lib/assets/background.jpg答案

【问题标题】：Unable to load asset: lib/assets/background.jpg无法加载资产：lib/assets/background.jpg
【发布时间】：2021-05-18 23:23:26
【问题描述】：

为什么我无法在我的项目中加载背景图片？ 无法加载资源：lib/assets/background.jpg

import 'package:flutter/material.dart';

Widget testWidget = new MediaQuery(
    data: new MediaQueryData(), child: new MaterialApp(home: new MyApp()));
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("lib/assets/background.jpg"),
            fit: BoxFit.cover,
          ),
        ),
        child: null /* add child content here */,
      ),
    );
  }
}

文件树

pubspec.yaml

assets:
    - lib/assets/background.jpg

【问题讨论】：

在调用 main 的 runApp 方法时，尝试将 MyApp 包装到材料应用程序中。 void main() { runApp(MaterialApp(home: MyApp())); }
错误提示Unable to load asset: lib/assets/background.jpg
然后更新您的问题，我没有在问题或描述中找到类似的内容：无法加载资产：lib/assets/background.jpg
将 assets 文件夹移出 lib 并设置 assets：- assets/images/

标签： flutter dart

【解决方案1】：

不要在lib 文件夹下创建3 个文件夹。您的资产文件夹结构如下。

还有pubspecs.yaml

【讨论】：

【解决方案2】：

我会建议删除此代码：

Widget testWidget = new MediaQuery(
data: new MediaQueryData(), child: new MaterialApp(home: new MyApp()));

将 assets 文件夹移动到项目的根目录并更新 pubspec.yaml 中的路径

assets:
    - /assets/

将MyApp更改为使用MaterialApp和HomePage：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

然后将背景图片代码移动到Scaffold里面的HomePage：

Scaffold(
  body: Container(
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage('assets/background.jpg'),
        fit: BoxFit.cover,
      ),
    ),
  ),
),

【讨论】：