The argument type 'Object' can't be assigned to the parameter type 'ImageProvider

Question

I just updated to Dart2 and Flutter sdk: '>=2.12.0 <3.0.0' and now this if statement breaks:

 decoration: new BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.blueAccent,
              border: Border.all(
                  color: Colors.blueAccent,
                  width: 20.0,
                  style: BorderStyle.solid),
              image: new DecorationImage(
                fit: BoxFit.cover,
                image: myMarkerThumb != 'noImage'
                    ? NetworkImage(myMarkerThumb)
                    : AssetImage('assets/images/noImageAvailable.png'),
              ),
            ),

The argument type 'Object' can't be assigned to the parameter type 'ImageProvider'. ),

I'm just starting with flutter and have no idea where to look else.

score 101 · Answer 1 · answered Mar 12 '21 at 10:34

Hey this is currently an issue I opened in the flutter repo with dart 2.12.

A simple workaround you could make in the meantime is just to cast the object.


 decoration:  BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.blueAccent,
              border: Border.all(
                  color: Colors.blueAccent,
                  width: 20.0,
                  style: BorderStyle.solid),
              image:  DecorationImage(
                fit: BoxFit.cover,
                image: myMarkerThumb != 'noImage'
                    ? NetworkImage(myMarkerThumb)
                    : AssetImage('assets/images/noImageAvailable.png') as ImageProvider,
              ),
            ),

I have also experienced the same with the Navigator when assigning it to a variable and popping context with a Map. This Map cannot be decoded with the normal Map.from(object) method for example, as it gives a similar error. Instead, you need to cast the response, as Map. — The Orchestrator, Mar 23 '21 at 13:29
Whatever, thanks a lot for the workaround <3, it works like charm! — An Android, Jun 30 '21 at 12:51

score 30 · Answer 2 · answered Jun 19 '21 at 07:14

30

some one in opened issue solve the problem with casting to image provider

@AbdurrahmanElrayes

and this solution also work for me

image: DecorationImage( 
   image: true ? NetworkImage('someNetWorkLocation.com') : AssetImage('assets/images/noImageAvailable.png') as ImageProvider 
),

answered Jun 19 '21 at 07:14

Amir

2,225
2
18
27

it will also solve in case of FileImage. for eg showing a image picked by imagePicker , we can show it with cast as Image provider – A.K.J.94 Aug 01 '21 at 07:51
Yeah, it's worked for me. just add the "as ImageProvider" end of the AssetImage. – Saravanan S Aug 27 '21 at 09:54
3

Great, you saved my time – Suhad Bin Zubair Dec 30 '21 at 08:43

score 17 · Answer 3 · edited Apr 09 '22 at 17:20

17

For those who used Image.file instead of NetworkImage, the solution should be like below

image: (imageFile != null) ? FileImage(imageFile!) as ImageProvider : AssetImage("assets/xxx.png")

edited Apr 09 '22 at 17:20

glittershark

534
2
6
19

answered Apr 05 '22 at 14:19

Phor Joon Huang

171
1
4

score 3 · Answer 4 · answered Dec 26 '22 at 07:26

Use Image.asset("URL").image to avoid static type casting "as ImageProvider". In the Future, maybe static type cast cause some errors.

Container(
  decoration: BoxDecoration(
    shape: BoxShape.circle,
    color: Colors.blueAccent,
    border: Border.all(color: Colors.blueAccent, width: 20.0, style: BorderStyle.solid),
    image: DecorationImage(
      fit: BoxFit.cover,
      image: myMarkerThumb != 'noImage' ?
      NetworkImage(myMarkerThumb) : 
      Image.asset('assets/images/noImageAvailable.png').image,
    ),
  ),
)

Anurag Tiwari · Answer 5 · 2022-12-16T04:16:16.320

2

Use "as ImageProvider" after the end of the statement.

For example:

image: myMarkerThumb != 'noImage'
                    ? NetworkImage(myMarkerThumb)
                    : AssetImage('assets/images/noImageAvailable.png')

as ImageProvider,

edited Dec 16 '22 at 04:16

answered Jun 24 '22 at 08:16

Anurag Tiwari

21
3

Use code formatting for readability. Wrap your code block ``` or use the code button in the editor after selecting your code block. – Mudassir Jun 25 '22 at 07:46

score 2 · Answer 6 · edited Jan 15 '23 at 14:44

2

If you are using Image widget this will solve it:

imageObj!.image

edited Jan 15 '23 at 14:44

halfer

19,824
17
99
186

answered Jan 13 '23 at 04:46

Azizur Rahaman

181
2
5

score 0 · Answer 7 · edited Apr 26 '23 at 13:37

0

A simple workaround you could make in the meantime :

   decoration: BoxDecoration(
          image:const DecorationImage(
          image: AssetImage('assets/images/any.png'),
          fit: BoxFit.fitWidth),
          color: MyColors.yellow,
          borderRadius: 
          BorderRadius.circular(10)
          ),

edited Apr 26 '23 at 13:37

Esmaeil Ahmadipour

840
1
11
32

answered Apr 24 '23 at 22:54

Amr Elwekeel

21
3

score -5 · Answer 8 · answered Mar 28 '22 at 07:37

make sure that you do like this in the pubspec.yaml file

uses-material-design: true

assets: - assets/images/

because in the default settings the above code will be commented and it will add an extra path for specific images but the above given code will load all images in the assets/images/ folder

The argument type 'Object' can't be assigned to the parameter type 'ImageProvider

8 Answers8

make sure that you do like this in the pubspec.yaml file

assets: - assets/images/

Linked

Related