Fluuter 无法加载我的资源，我该如何修复它？

Question

大家好，

目前我正在使用 Android Studio 做我的第一个 Flutter 项目。

一切都很顺利，直到我尝试将图像加载到我的应用程序中，它从未显示在模拟器上。

我尝试了几个步骤来解决这个问题。

1. 我检查了我的 pubspec.yami 文件夹，看起来没问题。

资产：

• lib/images/japanflag.png

2. 我确实运行了“Flutter Clean”

3. 我确实运行了“flutter pub outdated”

毕竟它仍然无法正常工作，我确保我的图像文件夹位于正确的位置。

import 'package:flutter/material.dart';

    class StartPage extends StatelessWidget {
      const StartPage({super.key});

      @override
      Widget build(BuildContext context) {
      return Scaffold(
        backgroundColor: Color.fromARGB(255,215,165,187),
        body: SafeArea(
          child: Column(

            crossAxisAlignment: CrossAxisAlignment.start,

            children: [
              Row(children: [Text("JAPAN JOURNEY",
                              style: TextStyle(
                                fontSize: 38,
                                fontWeight: FontWeight.bold,
                                color: Colors.white,
                              ),
              ),
               Image.asset("lib/images/japanflag.png", height: 30,)

              ],
              )

我希望有人能帮助我：D，谢谢。

Answer 1

我会按照 flutter 方式为所有资源创建一个资源文件夹。

但就您而言，您还应该将 lib 和 lib/images 添加到您的资产中。

来自文档：

仅包含直接位于目录中的文件。 分辨率感知的资产图像变体是唯一的例外。加上 位于子目录中的文件，为每个目录创建一个条目。

https://docs.flutter.dev/ui/assets/assets-and-images

Answer 2

您应该在 pubspec.yaml 文件中为该场景指定您的资产。

  assets:
     - lib/images/