Flutter: Unable to load asset file 'car.png'

Question

I have added my asset files in my projects root directory, which contains images, fonts and sounds.

added the assets in pubspec.yml file like this:

flutter:

  uses-material-design: true

  assets:
    - assets/images/

Then I try to add an image through Image.asset like code below:

Scaffold(
      appBar: AppBar(
        leading: Align(
          alignment: Alignment.centerRight,
          child: Text(
            "Uber",
            style: TextStyle(
              fontSize: 22.0,
              fontWeight: FontWeight.w400
            ),
          )
        ),
      ),
      body: Column(
        children: [
          Text(
            "riyad", 
            style: TextStyle(color: Colors.black),
          ),
          Image.asset("car_android.png") <-- this like 
        ],
      ),
    );

but it shows me exception that failed to load asset:

The following assertion was thrown resolving an image codec: Unable to load asset: car_android.png"

My traceback exception:

════════ Exception caught by image resource service ════════════════════════════
The following assertion was thrown resolving an image codec:
Unable to load asset: car_android.png

When the exception was thrown, this was the stack
#0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:224:7)

#1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:672:14)

Image provider: AssetImage(bundle: null, name: "car_android.png")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#243b1(), name: "car_android.png", scale: 1.0)

I tried to run command flutter clean command to clean the cache, then run the app again, but the same problems occurs again, that it fails to load asset. I am new to flutter please provide descriptory answers and also suggest me some blogs to read

user_16510684 · Answer

Specify Image path as follows

Image.asset("assets/images/car_android.png")

OR

Image(image: AssetImage("assets/images/car_android.png"))

The problem is flutter can't recognize where your image is exactly stored.

If the problem continues then try to do HOT RESTART this will solve your problem.

If you update pubspec.yaml file then run flutter pub get to update the libraries if your IDE doesn't update it automatically.

user_9150741 · Answer

Just to push a little further on Harshil Khamar answer which is correct and valid another consideration. The assets in pubspec.yaml has to be under flutter if you place another entry in between these then it does not know where the assets folder is. It may sound stupid, but I am sure I am not the only one to have done this.

flutter:
  uses-material-design: true
  generate: true
flutter_intl:
  enabled: true

  assets:
    - assets/images/<>

The flutter_intl gets in the way as assets now thinks they is under flutter_intl and not flutter. If I am the only idiot then okay so be it.

flutter_intl:
  enabled: true

flutter:
  uses-material-design: true
  generate: true

  assets:
    - assets/images/<>

This solves the problem

user_10866453 · Answer

Two problems can cause this problem:

you should stop your project and run it again without any HOT RELOAD
you should add a full directory of the image -> assets/images/YOUR_IMAGE.png

user_10632369 · Answer

The problem you are having is because you did not give the full path to your asset in the creation of an Image object.

 body: Column(
    children: [
      Text(
        "riyad", 
        style: TextStyle(color: Colors.black),
      ),
      Image.asset("assets/images/car_android.png") <-- this like 
    ],
  ),

user_2902807 · Answer

1.Check indentation. See image attached:

Image url path should be defined like this:

Kill and reload app. This seems essential after multiple checks of 1 and 2.

user_16507840 · Answer

Image.asset("assets/images/car_android.png")
flutter pub clean
flutter pub get
flutter run

Flutter: Unable to load asset file 'car.png'

6 Answers