How to show image from network in flutter BoxDecoration?

Question

I want to show an image of the network in BoxDecoration. But its showing error

"The argument type 'image' can't be assigned to the parameter type 'imageProvider'".

Here is the code where I am trying to show an image from the network inside box decoration. Please check and do let me know where I am wrong in this code.

decoration: new BoxDecoration(     image: new DecorationImage(image: new Image.network("http://myurl.com/"+productList[index].thumbnail),     fit: BoxFit.cover) ), 

Answer 1

I've resolved the issue, it can be achieved using this code.

decoration: BoxDecoration(       image: DecorationImage(image: NetworkImage("urlImage"),       fit: BoxFit.cover)     ), 

Answer 2

if you want to load CachedNetworkImage then use in this way *** https://pub.dev/packages/cached_network_image

CachedNetworkImage(   imageUrl: "http://via.placeholder.com/200x150",   imageBuilder: (context, imageProvider) => Container(     decoration: BoxDecoration(       image: DecorationImage(           image: imageProvider,           fit: BoxFit.cover,           colorFilter:               ColorFilter.mode(Colors.red, BlendMode.colorBurn)),     ),   ),   placeholder: (context, url) => CircularProgressIndicator(),   errorWidget: (context, url, error) => Icon(Icons.error), ),