Not able to load image in flutter package

Question

I've created a flutter package and images are inside images folder.

flutter:
  uses-material-design: true
  # To add assets to your package, add an assets section, like this:
  # assets:
  assets:
    - images/
    - images/location_pointer.png

I'm trying to load this image:

Widget build(BuildContext context) {
    return Scaffold(
        body: Image.asset(
          'images/location_pointer.png',
          width: 22.0,
          height: 44.0,
          fit: BoxFit.fill,
        ));
}

I've created a project and importing a package inside it:

dependencies:
  flutter:
    sdk: flutter
  abc_pkg:
    path: /Users/mosh/Documents/flutter proj/abcPackage/abc_pkg

I'm able to load the package when run this project but not able to load the images inside the package.

======== Exception caught by image resource service ================================================
The following assertion was thrown resolving an image codec:
Unable to load asset: images/location_pointer.png

When the exception was thrown, this was the stack: 
#0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:224:7)
<asynchronous suspension>
#1      AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:675:14)
<asynchronous suspension>
Image provider: AssetImage(bundle: null, name: "images/location_pointer.png")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#092c6(), name: "images/location_pointer.png", scale: 1.0)
====================================================================================================

Can you try adding the package name in the Image.asset for example: Image.asset('icons/heart.png', package: 'my_icons') — ibhavikmakwana
– ibhavikmakwana, Commented Mar 17, 2022 at 5:40
Including package name work for me. Of course you will also need to add assets in pubspec.yaml Image.asset('icons/heart.png', package: 'my_icons') — A J
– A J, Commented Dec 2, 2022 at 16:00

Reza Taghizadeh · Accepted Answer · 2023-05-18 10:30:37Z

1

If you are sure that you add assets truly in the pubspec.yaml file just add the name of your package to the package field of image.asset like bellow:

Image.asset(
            e.flagUri!,
            width: 40,
            fit: BoxFit.fitWidth,
            package: 'igmu_package',// this is pacakge name
          )

answered May 18, 2023 at 10:30

Reza Taghizadeh

5276 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

wxkly Over a year ago

This works for me, thanks

cpgade · Accepted Answer · 2022-03-17 06:48:45Z

0

Make sure all your images are saved inside a directory called 'images', which is inside a directory called 'assets'.
Update your pubspec.yaml as follows:

flutter:
  uses-material-design: true
  # To add assets to your package, add an assets section, like this:
  # assets:
  assets:
    - assets/images/location_pointer.png

Update your dart file as follows:

Widget build(BuildContext context) {
    return Scaffold(
        body: Image.asset(
          'assets/images/location_pointer.png',
          width: 22.0,
          height: 44.0,
          fit: BoxFit.fill,
        ));
}

answered Mar 17, 2022 at 6:48

cpgade

192 bronze badges

3 Comments

mohsin Over a year ago

Still same error.

benten Over a year ago

where you make folder of images. I mean in which directory @mohsin

mohsin Over a year ago

its in main dir. assets/images

benten · Accepted Answer · 2022-03-17 10:12:03Z

0

please try this code. and make an image folder in the same directory where you have the lib folder

in your pubspec.yaml file

 flutter:
    
   uses-material-design: true
    
   assets:
      - images/

and in your dart file

    Widget build(BuildContext context) {
    return Scaffold(
        body: Image.asset(
          'images/location_pointer.png',
          width: 22.0,
          height: 44.0,
          fit: BoxFit.fill,
        ));
}

answered Mar 17, 2022 at 10:12

benten

8009 silver badges18 bronze badges

1 Comment

mohsin Over a year ago

Its in the same directory. Same error

Collectives™ on Stack Overflow

Not able to load image in flutter package

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related