无法加载资产:lib/asset/back背景.lib

Question

为什么我不能在我的项目中加载背景图像？无法加载资产:lib//back背景.lib

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

不要将make3文件夹放在lib文件夹下。您的“资产结构”文件夹如下所示。

​

​

和pubspecs.yaml

​

​

Answer 2

我建议删除以下代码：

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

将资产文件夹移动到项目的根目录，并更新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,
      ),
    ),
  ),
),

Answer 3

如果您的资产包含在androin folder...try folder...try中，则为

flutter:
  assets:
    -android/assests/directory/