在Flutter和 dart 中未找到资产

bksxznpy  于 2023-05-01  发布在  Flutter
关注(0)|答案(6)|浏览(223)

当我尝试运行我的应用程序时,我收到“未找到资产”错误。这是我的文件。
main.dart:

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('I Am Rich'),
        centerTitle: true,
        backgroundColor: Colors.blueGrey[900],
      ),
      // You can also
      body: Center(child: Image(image: AssetImage("images/poor.png"))),
      backgroundColor: Colors.blueGrey,
    ),
    debugShowCheckedModeBanner: false,
  ));
}

pubspec.yaml:

name: i_am_poor
description: A new Flutter project.
version: 1.0.0+1

environment:
  sdk: '>=2.19.6 <3.0.0'

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.2

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^2.0.0
flutter:
  assets:
    - images/poor.png

文件结构:file structure
我尝试的是:我试着看文档和复制粘贴直接从那里,同时适应我的情况。

qnakjoqk

qnakjoqk1#

将破折号向后移动,与单词assets对齐,如下所示:

flutter:
  assets:
  - images/

另外,您不需要在pubspec.yaml中指定poor.png,只需文件夹名称即可访问其中的所有图像。
您的结构不在lib中。但对其他人来说:仔细检查assets文件夹是否不在lib中,因为如果是,则需要添加它:

flutter:
  assets:
  - lib/images/
yfjy0ee7

yfjy0ee72#

还需要包括assets目录
试试这个AssetImage(“assets/images/poor.png”)

y0u0uwnf

y0u0uwnf3#

用这种方式来代替。

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('I Am Rich'),
        centerTitle: true,
        backgroundColor: Colors.blueGrey[900],
      ),
      // You can also
      body: Center(
      child: Image.Asset("images/poor.png"),
      backgroundColor: Colors.blueGrey,
    ),
    debugShowCheckedModeBanner: false,
  ));
}
iqxoj9l9

iqxoj9l94#

问题可能出在你的pubspec上。yaml文件。删除不必要的空格,然后按照
pubspec.yaml

flutter:
  assets:
    - images/poor.png
niknxzdl

niknxzdl5#

您应该按照以下步骤将图像目录添加到资源中。确保保持正确的模式和格式,因为不必要的空格可能是一个问题。确保在更新pubspec.yaml后执行pub get

# The following section is specific to Flutter packages.
flutter:
  assets:
    - images/

请注意,我们不必指定poor.png,因为添加目录就足够了。

yhqotfr8

yhqotfr86#

**第一步:**单击镜像的【复制相对路径】。
**步骤2:**复制代码中的路径,如

AssetImage("<your_image_path>")Image.asset("<your_image_path>")

另一种方法:lib文件夹外创建assets文件夹,并在pubspec.yaml内设置assets文件夹的路径。就像这个pubspec.yaml screenshot。然后按照上面的步骤。

相关问题