第一个抖动图像显示，但第二个 编辑有关您的更新

如何解决第一个抖动图像显示，但第二个 编辑有关您的更新

问题

TMORA.png没有显示。

演练

• 图像出现在我的代码中

• 抖动引发的错误：

资产 images / TMORA.png 不存在。 尝试创建文件或修复文件的路径。 dart（asset_does_not_exist）[51,8]

• 该图像确实存在。当我单击资产/图像文件夹时，可以看到它。

• 我相信问题出在我的yaml文件中（如下所示）。

• 完整的代码（注释掉TMORA.png行以消除错误）出现在Github上。

注意：我在该包装中有两个名为images的文件夹。一个是项目资产文件夹，其中包含一个图像文件夹，其中包含2张要显示在应用程序屏幕上的图像。第二个是images文件夹，其中包含我的github自述文件的图像。我会感到困惑吗？

• pubspec.yaml文件：

name: second_app_Heather
description: A new Flutter project.

# The following line prevents the package from being accidentally published to
# pub.dev using `pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev

# The following defines the version and build number for your application.
# A version number is three numbers separated by dots,like 1.2.43
# followed by an optional build number separated by a +.
# Both the version and the builder number may be overridden in flutter
# build by specifying --build-name and --build-number,respectively.
# In Android,build-name is used as versionName while build-number used as versionCode.
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
# In iOS,build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
# Read more about iOS versioning at
# 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


  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.3

dev_dependencies:
  flutter_test:
    sdk: flutter

# For information on the generic Dart part of this file,see the
# following page: https://dart.dev/tools/pub/pubspec

# The following section is specific to Flutter.
flutter:

  # The following line ensures that the Material Icons font is
  # included with your application,so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application,add an assets section,like this:
  assets:
     - images/
     - images/museumInterior.png
     - images/TMORA.png
    #- images/TMORA.png
  #   - images/a_dot_ham.jpeg

  # An image asset can refer to one or more resolution-specific "variants",see
  # https://flutter.dev/assets-and-images/#resolution-aware.

  # For details regarding adding assets from package dependencies,see
  # https://flutter.dev/assets-and-images/#from-packages
 

  # To add custom fonts to your application,add a fonts section here,# in this "flutter" section. Each entry in this list should have a
  # "family" key with the font family name,and a "fonts" key with a
  # list giving the asset and other descriptors for the font. For
  # example:
  # fonts:
  #   - family: Schyler
  #     fonts:
  #       - asset: fonts/Schyler-Regular.ttf
  #       - asset: fonts/Schyler-Italic.ttf
  #         style: italic
  #   - family: Trajan Pro
  #     fonts:
  #       - asset: fonts/TrajanPro.ttf
  #       - asset: fonts/TrajanPro_Bold.ttf
  #         weight: 700
  #
  # For details regarding fonts from package dependencies,# see https://flutter.dev/custom-fonts/#from-packages

编辑：

响应@Anis R.的建议（因为我想很多人都会建议），我已尽力实施该建议并收到以下错误：

编辑＃2。静待Anis R的第二条实用评论。

这是问题所在... 互联网资源对于在iPhone / Android按钮，背景和其他小部件上放置要使用的图像的位置有点麻烦。我不确定什么是常规/正确的。

一些消息来源建议将照片放在根目录下的images文件夹中（橙色箭头Example recommendation here）。一些消息来源建议将照片放在资源文件夹中（绿色箭头Example recommendation here-请参见第1小时，第43分钟）。有些人建议将照片放在资源文件夹中的图像文件夹中（橙色箭头-这是我尝试的做法）。

因此，当我采用Anis R的代码建议（我认为遵循惯例）时，我收到了一条错误消息，解释了问题所在。

现在，这似乎是我难以克服的错误。如果.yaml文件找不到资产文件夹，那么我很困惑。我是新手，我认为我无法弄清楚。我肯定以前见过这个错误。

这让我想知道的地方是：“好吧，如果看不到资产文件夹，那么它到底如何显示MuseumInterior.png照片？”两张照片都位于同一文件夹中。还是他们？

不。它从未从未从assets \ images文件夹中提取图像。不知道asset \ images文件夹是否存在。它一直在从我为github README.md存储照片的images文件夹中拉照片。里面有很多东西。名为MuseumInterior.png的图像也恰好位于其中。 我将TMORA.png的副本放在images文件夹中，并显示在屏幕上。

我像Visual Studio Code一样，假装资产文件夹（其中包含图像文件夹）甚至不存在。

我不认为这是惯例，但是它确实可以正常运行。

非常感谢@Anis R.带领我完成了这个工作！有时候你只是要说出来。

解决方法

在您的pubspec.yaml中，您应该使用：

- assets/images/

代替

- images/

---

编辑有关您的更新

我回头看了看您的代码并更新了注释，您需要在一些地方更改一些代码。

• 首先，在您的Home_widget.dart中，替换Image.asset('images/museumInterior.png')和Image.asset('images/TMORA.png')

分别带有Image.asset('assets/images/museumInterior.png')和Image.asset('assets/images/TMORA.png')。

• 然后在pubspec.yaml文件的assets:下，仅保留条目- assets/images/并删除其他条目。

• 最后，在您的项目上运行flutter clean并重建。

让我知道这是否有帮助。