image - Flutter 应用程序不显示图像 - 无法加载 Assets

Question

我正在学习 Flutter 中的一个教程，在该教程中我必须向应用程序添加一个图像文件，我按照示例进行了操作，但是当我运行该应用程序时没有任何显示。

我尝试更改和复制路径，但每次都是相同的结果。 我按照说明更改了 pubspec.file。

这是部分代码:

          Card(
            child: Column(
              children: <Widget>[
                Image.asset('assets/images/download.jpg'),
                Text('Food Paradise')
              ],

这是来自 pubspec:

flutter:
  uses-material-design: true
assets:
    - assets/images/download.jpg

这是来自运行日志:

  I/flutter (19491): ══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE 
╞════════════════════════════════════════════════════
I/flutter (19491): The following assertion was thrown resolving an image 
codec:
I/flutter (19491): Unable to load asset: assets/images/download.jpg
I/flutter (19491): 
I/flutter (19491): When the exception was thrown, this was the stack:
I/flutter (19491): #0      PlatformAssetBundle.load 
(package:flutter/src/services/asset_bundle.dart:221:7)
I/flutter (19491): <asynchronous suspension>
I/flutter (19491): #1      AssetBundleImageProvider._loadAsync 
(package:flutter/src/painting/image_provider.dart:429:44)
I/flutter (19491): <asynchronous suspension>
I/flutter (19491): #2      AssetBundleImageProvider.load 
(package:flutter/src/painting/image_provider.dart:414:14)
I/flutter (19491): #3      ImageProvider.resolve.<anonymous closure>. 
<anonymous closure> 
(package:flutter/src/painting/image_provider.dart:267:86)
I/flutter (19491): #4      ImageCache.putIfAbsent 
(package:flutter/src/painting/image_cache.dart:143:20)
I/flutter (19491): #5      ImageProvider.resolve.<anonymous closure> 
(package:flutter/src/painting/image_provider.dart:267:63)
I/flutter (19491): (elided 8 frames from package dart:async)
I/flutter (19491): 
I/flutter (19491): Image provider: AssetImage(bundle: null, name: 
"assets/images/download.jpg")
I/flutter (19491): Image key: AssetBundleImageKey(bundle: 
PlatformAssetBundle#49af1(), name:
I/flutter (19491): "assets/images/download.jpg", scale: 1.0)

应用程序正在运行，但没有图像显示。

Answer 1

首先看起来 pubspec.yaml 文件内容没有正确缩进。

应该是这样的

flutter:
  uses-material-design: true

  assets:
    - assets/images/jpgs/test.jpg

此外，检查您的文件是否在正确的路径中，该路径是相对于 pubspec.yaml 的。
最后，运行 flutter packages get 来更新新文件。然后运行 ​​flutter clean 然后运行 ​​flutter run