图像未在 Flutter 中加载

Posted 2023-02-23

【中文标题】图像未在 Flutter 中加载

【英文标题】：Image not loading in Flutter

【发布时间】：2019-06-29 12:37:14

【问题描述】：

尝试在颤振中加载图像但无法做到这一点，出现以下错误

I/flutter (3214): ══╡ 图像资源服务捕获的异常 ╞═════════════════════════════════════════════════ ═══ I/颤振 ( 3214）：抛出以下断言来解析图像编解码器： I/flutter（3214）：无法加载资产：assets/test.jpg I/flutter（ 3214): I/flutter (3214): 当异常被抛出时，这是 堆栈：I/flutter（3214）：#0 PlatformAssetBundle.load (包:flutter/src/services/asset_bundle.dart:221:7) I/flutter ( 3214）：我/颤振（3214）：#1 AssetBundleImageProvider._loadAsync (包:flutter/src/painting/image_provider.dart:429:44) I/flutter ( 3214）：我/颤振（3214）：#2 AssetBundleImageProvider.load (包:flutter/src/painting/image_provider.dart:414:14) I/flutter ( 3214）：#3 ImageProvider.resolve..（包：flutter/src/painting/image_provider.dart:267:86） 我/颤振（3214）：#4 ImageCache.putIfAbsent (包:flutter/src/painting/image_cache.dart:143:20) I/flutter ( 3214）：#5 ImageProvider.resolve。 (包:flutter/src/painting/image_provider.dart:267:63) I/flutter ( 3214）：（从 dart:async 包中省略了 8 帧）I/flutter（3214）： I/flutter (3214): 图像提供者: AssetImage(bundle: null, name: “assets/test.jpg”）I/flutter（3214）：图像键： AssetBundleImageKey(bundle: PlatformAssetBundle#81de5(), 名称: “assets/test.jpg”，规模：I/flutter（3214）：1.0）I/flutter（3214）：

main.dart

lass MyApp extends StatelessWidget 
Widget build(BuildContext context) 
    return MaterialApp(
    home: Scaffold(
    appBar: AppBar(
      title: Text('EasyList'),
    ),
    body: Card(child: Column(children: < Widget > [
      Image.asset('assets/test.jpg'),
    ],),),
   ),
  );
 

pubspec.yaml

flutter:
  uses-material-design: true

assets:
  - assets/test.jpg

【问题讨论】：

上面的缩进不正确。检查uses..等前面是否有空格

@RichardHeap 空间在 pubspace.yaml 文件中

【参考方案1】：

assets: 一词前面需要两个空格，破折号前面需要两个空格（总共 4 个）。

flutter:
  uses-material-design: true

  assets:
    - assets/test.jpg

【参考方案2】：

或者，如果您使用的是 android Studio IDE，那么在您的 pubspec.yaml 文件中只需按下 CTRL+ALT+L 重新排列代码。然后点击packages get。