使用 Image.network 时从缓存中删除图像

Question

我正在使用 Image.Network 显示基于 URL 的图像：

ClipOval(
                                  child: Image.network(
                                    'http://myurl${userId}.png',
                                    width: 100,
                                    height: 100,
                                    fit: BoxFit.cover,
                                    key: profileImageKey,
                                  ),
                                ),

我正在尝试让用户上传新的个人资料图片，但是，我保留了相同的文件名（用户 ID + .png）。用户上传图片后，上面的显示不会显示新图片。

我尝试使用以下方法重建小部件：

setState(() {
                                            //generateKey();
                                            profileImageKey = ValueKey(new Random().nextInt(100));
                                            userId = userId;
                                          });

我还尝试使用以下方法从缓存中删除 url：

PaintingBinding.instance.imageCache.evict('http://myurl${userId}.png');

但是，这些方法都不起作用。有没有办法更新 Image.Network 以下载和使用上传的新图像？

谢谢

Answer 1

基于@pskink 的评论https://stackoverflow.com/a/60916852/2252830

这个问题的解决方案是对 Image 使用 evict 方法。所以我将我的代码重构到下面：

Image profileImage;

...

profileImage = Image.network(
                                    'http://myurl${userId}.png',
                                    width: 100,
                                    height: 100,
                                    fit: BoxFit.cover,
                                    key: profileImageKey,
                                  );

...

ClipOval(
                                  child: profileImage,
                                ),

...

profileImage.image.evict();
                                              
                                              setState(() {
                                                //generateKey();
                                                profileImageKey = ValueKey(new Random().nextInt(100));
                                                userId = userId;
                                              });