Flutter: Unable to load asset Image provider: AssetImage(bundle: null, name: "assets/images/rose.jpg")

user_15161769 0
Viewed 10010

I cant Upload image as a background to a stack, i have added the image in assets folder and added it to pubspec.yaml and showing me that error :

Exception caught by image resource service.
The following assertion was thrown resolving an image codec:
Unable to load asset: assets/images/rose.jpg
When the exception was thrown, this was the stack: 
#0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:225:7)
<asynchronous suspension>
#1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:668:31)
#2      AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:651:14)
#3      ImageProvider.resolveStreamForKey.<anonymous closure> (package:flutter/src/painting/image_provider.dart:504:13)
...
Image provider: AssetImage(bundle: null, name: "assets/images/rose.jpg")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#dea48(), name: "assets/images/rose.jpg", scale: 1.0)

Code:

  return new Scaffold(
  backgroundColor: Colors.greenAccent,

  body: new Stack(
    children: [
      new Image(
        image: new AssetImage("assets/images/rose.jpg"),
        fit: BoxFit.cover,
      ),
    ],
  ),

);

My Asset folder

flutter-animation flutter-test flutter-layout flutter android
8 Answers

Run flutter clean and run again.

user_136859420

Your assets folder is in the right place which is in the root of your project folder.

The error is because you're using the image Provider AssetImage instead of Image.asset("assets/images/rose.jpg").

After making changes to your image asset, make sure you save it to automatically retrieve the new image dependency or run $ flutter pub get.

Also check that you've added the image path to the assets subsection in your pubspec.yaml like this:

flutter: 

 assets:
    - assets/images/rose.jpg
user_150915740

Have you added the asset in your pubspec.yaml file?

assets:
    - assets/images/rose.jpg
user_106561370

Please check that your pubspec.yaml file is correctly indented as below. Incorrect spacing/indentation may result in the image not being found.

flutter: 
  assets:
    - assets/images/rose.jpg

user_137455420

on your terminal :

flutter pub get

to refresh pubspec.yaml

user_161621520

Stop your emulator and Project and Type :flutter clean in terminal and run again

user_120085310 
 Image.asset("images/abc.jpg"),

instead of this :

Image.asset("assets/images/abc.jpg"),

PLUS :

Make sure it's written in pubspec.yaml as

assets:  
- assets/images/    //ONLY

And update pubspec if you added a recent Image with

flutter pub get
user_161621520

After added new assets, it's preferable to stop the current debug session and run again.

user_172242930
Related