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

Question

为什么我无法在我的项目中加载背景图片？ 无法加载资源：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

Answer 1

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

还有pubspecs.yaml

Answer 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(),
    );
  }
}

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

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