如何在我的 flutter 应用程序中显示图像？我在做什么不工作

Question

我是 flutter 应用程序开发的新手，尝试在应用程序中显示和图像，下面是我在运行应用程序和我的代码片段时遇到的错误，请帮助新手。

Launching lib/main.dart on iPhone XR in debug mode...
Running Xcode build...
Xcode build done.                                           21.3s
Syncing files to device iPhone XR...
flutter: ══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE ╞════════════════════════════════════════════════════
flutter: The following assertion was thrown resolving an image codec:
flutter: Unable to load asset: assets/images/GEJ.jpg
flutter:
flutter: When the exception was thrown, this was the stack:
flutter: #0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7)
flutter: <asynchronous suspension>
flutter: #1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:433:44)
flutter: <asynchronous suspension>
flutter: #2      AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:418:14)
flutter: #3      ImageProvider.resolve.<anonymous closure>.<anonymous closure> (package:flutter/src/painting/image_provider.dart:285:105)
flutter: #4      ImageCache.putIfAbsent (package:flutter/src/painting/image_cache.dart:157:22)
flutter: #5      ImageProvider.resolve.<anonymous closure> (package:flutter/src/painting/image_provider.dart:285:82)
flutter: (elided 13 frames from package dart:async)
flutter:
flutter: Image provider: AssetImage(bundle: null, name: "assets/images/GEJ.jpg")
flutter: Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#266bb(), name: "assets/images/GEJ.jpg",
flutter: scale: 1.0)
flutter: ════════════════════════════════════════════════════════════════════════════════════════════════════

代码片段：

child: Image.asset(
                     'assets/images/GEJ.jpg',
                         fit: BoxFit.cover,
    
                 ),

PS：下面是我的pubspec.yaml信息：

   environment:
     sdk: ">=2.1.0 <3.0.0"
   
   dependencies:
     flutter:
       sdk: flutter

     cupertino_icons: ^0.1.2
   
   dev_dependencies:
     flutter_test:
       sdk: flutter

   flutter:

   assets:
     - assets/images/GEJ.jpg

Also when i indent the asset: one more, it says The assets does not exist

Answer 1

您需要在 assets 文件夹中创建名为 images 的新文件夹，并将您的图像文件放入其中。像这样：

com.yourpackage.app
  - assets
    - images
      - GEJ.jpg

完成后，您需要在终端 window 中执行运行 flutter packages get 命令，或者您可以使用 IDE 选项，当您在 pubspec.yaml 文件中

如何在我的 flutter 应用程序中显示图像？我在做什么不工作

How do I get to display image in my flutter app? What i'm doing is not working

android

ios

mobile

flutter

flutter-dependencies