当我尝试运行我的应用程序时,我收到“未找到资产”错误。这是我的文件。
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
我尝试的是:我试着看文档和复制粘贴直接从那里,同时适应我的情况。
6条答案
按热度按时间qnakjoqk1#
将破折号向后移动,与单词
assets
对齐,如下所示:另外,您不需要在
pubspec.yaml
中指定poor.png
,只需文件夹名称即可访问其中的所有图像。您的结构不在lib中。但对其他人来说:仔细检查assets文件夹是否不在lib中,因为如果是,则需要添加它:
yfjy0ee72#
还需要包括assets目录
试试这个AssetImage(“assets/images/poor.png”)
y0u0uwnf3#
用这种方式来代替。
iqxoj9l94#
问题可能出在你的pubspec上。yaml文件。删除不必要的空格,然后按照
pubspec.yaml
niknxzdl5#
您应该按照以下步骤将图像目录添加到资源中。确保保持正确的模式和格式,因为不必要的空格可能是一个问题。确保在更新
pubspec.yaml
后执行pub get请注意,我们不必指定
poor.png
,因为添加目录就足够了。yhqotfr86#
**第一步:**单击镜像的【复制相对路径】。
**步骤2:**复制代码中的路径,如
AssetImage("<your_image_path>")
或Image.asset("<your_image_path>")
另一种方法:在lib文件夹外创建assets文件夹,并在
pubspec.yaml
内设置assets文件夹的路径。就像这个pubspec.yaml screenshot。然后按照上面的步骤。