如何在Flutter中使用CachedNetworkImage实现重试？

Question

我在Flutter中使用了CachedNetworkImage，现在想要实现一个重试机制来处理图片下载失败的情况。在我的例子中，是在errorWidget > GestureDetector > onTap部分。

@override
  Widget build(BuildContext context) {
    final imgKey = Key(imgUrl);

    return CachedNetworkImage(
      key: imgKey,
      imageUrl: imgUrl,
      ...
      errorWidget: (context, url, error) => Center(
        child: GestureDetector(
          child: Column(
            children: [
              const Icon(
                Icons.refresh,
                color: Colors.red,
              ),
              const Text('Error downloading image.'),
              const Text('Tap to retry.'),
            ],
          ),
          onTap: () { // Implement image reload here
            setState(() {
              // manager
              //     .removeFile(url)
              //     .then((value) => manager.getSingleFile(url));
            });
          },
        ),
      ),
      cacheManager: manager,
    );
  }

- Codered

Answer 1

你可以使用https://pub.dev/packages/flutter_image替代CachedNetworkImage;

用法如下：

new Image(
    image: new NetworkImageWithRetry(imageUrl),
),

它关于缓存的说法是： https://github.com/flutter/flutter_image/blob/master/lib/network.dart#L26

- ben

---

这只使用内存缓存，不像CachedNetworkImage一样缓存到磁盘。 - Simon

甚至不支持网络。 - Maxgmer

@Maxgmer，CachedNetworkImage也不支持。 - undefined