如何使用颤振加载图像

Posted 2023-02-23

【中文标题】如何使用颤振加载图像

【英文标题】：How to load an image using flutter

【发布时间】：2021-03-06 07:02:42

【问题描述】：

我是 Flutter 的新手，从上周开始。我正在从在线课程中学习，然后我想在我的颤振应用程序中加载图像。但是有一个错误是：

════════图片资源服务捕获异常════════════════════════════════ ═══════════════ 抛出以下断言来解析图像编解码器： 无法加载资产：assets/image2.jpg

当异常被抛出时，这是堆栈： #0 PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:225:7) #1 AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:670:14) 图片提供者：AssetImage(bundle: null, name: "assets/image2.jpg") 图片键：AssetBundleImageKey(bundle: PlatformAssetBundle#9f84b(), name: "assets/image2.jpg", scale: 1.0) ══════════════════════════════════════════════════ ══════════════════════════════════════════════════

下面是 main.dart 代码：

  import 'package:flutter/material.dart';

void main() =>
  runApp(MaterialApp(
    home: Home(),
  ));

class Home extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar : AppBar(
        title : Text(
          "Welcome to HLH",
          style: TextStyle(
            fontSize: 20.0,
            color: Colors.black,
            fontFamily: "Goldman",
          ),
        ),
        centerTitle: false,
        backgroundColor: Colors.amber,
      ),
      body: Center(
        child: Image(
         image : AssetImage("assets/image2.jpg"),
        ),
      ),

      floatingActionButton: FloatingActionButton(
        onPressed: () ,
        child: Text("Login"),
      ),

    );
  

有谁能告诉我怎么解决？我想知道是不是图像问题？谢谢^^

【问题讨论】：

这能回答你的问题吗？ Flutter assets error: EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE

【参考方案1】：

这可能是未在 pubspec.yaml 文件中声明资产的错误。

flutter: 
  assets:
    - images/

将此添加到您的 pubspec.yaml 文件中，然后在终端的应用根文件夹中添加 flutter pub get

【讨论】：

谢谢！！！ pubspec.yaml 中的行距错误

【参考方案2】：

我认为这个问题是由于图像路径引起的！

确保pubspec.yaml中图片的路径正确（必须与图片路径目录一致）。

像这样：-

我将图像保存在此路径"assets/images/cat.png"

Pubspec.yaml 文件：

flutter:
  assets:
    - assets/images/