How to reload a network image in flutter?

Question

When using a network image in flutter sometimes I got the error Connection closed before full header was received. The code below allows me to output the error but how can I force the widget to reload the image?

Image.network(p.thumbURL,
  errorBuilder: (BuildContext context, Object exception, StackTrace stackTrace) {
    Log.e(exception);
    return Container();
  },
),

The answer to this question can be found here: https://stackoverflow.com/a/56114376/4980141 — Haniel Baez, May 19 '20 at 14:12
It also happens on a physical device. I also would like to reload the image if any other error occurs. — MarcS82, May 19 '20 at 15:03

score 1 · Accepted Answer · answered Mar 10 '21 at 13:33

give a value key to your image widget, otherwise it won't rebuild when you update your link

key: ValueKey(url),

update your url by adding a new meaningless query string at the end, e.g. adding a time

setState(() { 
    url = url.split('?r')[0] + '?r=' + DateTime.now().millisecondsSinceEpoch.toString();
});

How to reload a network image in flutter?

1 Answers1

Linked