How to handle the NetworkImage error if the URL not exists or the response is an error?

Question

I specify that i'm using NetworkImage, not Image.network, so please answer only if you have a solution for NetworkImage. Thank you!

https://api.flutter.dev/flutter/widgets/Image/errorBuilder.html — pskink, Aug 26 '22 at 07:51

score 2 · Accepted Answer · answered Aug 26 '22 at 08:08

2

Use Image widget

Image(
      image: NetworkImage('Some URL'),
      errorBuilder:(context, error, stackTrace) {
           return SomeWidget();
     })

answered Aug 26 '22 at 08:08

IonicFireBaseApp

925
3
10

score 0 · Answer 2 · answered Aug 26 '22 at 08:06

try this:

return Image(
      errorBuilder: (context, error, stackTrace) {
        return Container(
          height: 20,
          width: 20,
          color: Colors.red,
        );
      },
      image: const NetworkImage(
        'https://i.guim.co.uk/img/media/fe1e34da640c5c56ed16f76ce6f994fa9343d09d/0_174_3408_2046/master/3408.jpg?width=1200&height=900&quality=85&auto=format&fit=crop&s=0d3f33fb4b7713a00454c83d',
      ),
    );

How to handle the NetworkImage error if the URL not exists or the response is an error?

2 Answers2