颤动不显示网络上的图像

Question

您好，我建立了一个颤抖的Web项目，其中包含一些图像，但所有图像均未显示在Web中，但所有图像均显示在模拟器中。您能告诉我解决方案吗？ 告诉我是否需要更多内饰。

pubspec.yaml：

name: nanostifel
description: A new Flutter application.

publish_to: 'none' # Remove this line if you wish to publish to pub.dev
CFBundleVersion.
https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
version: 1.0.0+1

environment:
sdk: ">=2.7.0 <3.0.0"

dependencies:
flutter:
sdk: flutter


cupertino_icons: ^0.1.3

dev_dependencies:
flutter_test:
sdk: flutter
flutter:
uses-material-design: true
assets:[enter image description here][1]
- images/

Answer 1

如果您选中migration guide for Flutter Web，则会看到：如果应用程序具有资产，则它们必须位于web / assets目录中。您可能还必须更新源代码中引用这些资产的路径。

但是对于Flutter的最新版本，您也可以在项目的根目录中拥有资产目录。

因此，请检查以下步骤：

1. 将您的资产放入项目的文件夹web/assets中。
2. 您无需在pubspec.yaml中指定资产的名称

3. 要在一个小部件中使用它，您无需使用所有路径，仅使用文件名即可，例如，如果您有图像web/assets/myImage.png，请按以下方式使用它：

   Image.asset('myImage.png')

如果您使用的是最新版本的Flutter，并且您的图像位于文件夹rootProject/assets/images/myImage.png中，请按以下方式使用它：

Image.asset('images/myImage.png')

在两种情况下，都必须将图像保存在名为assets的文件夹中