dart - Flutter CachedNetworkImageProvider - 如何在出错时显示本地默认图像？

Question

如果 CachedNetworkImageProvider 由于某种原因无法获取远程图像，我想显示默认的本地镜像:

Container(
  width: 80.0,
  height: 120.0,
  decoration: new BoxDecoration(
    shape: BoxShape.rectangle,
    image: new DecorationImage(
      fit: BoxFit.fill,
      image: new CachedNetworkImageProvider(url),
    ),
  ),
),

Answer 1

@Abdullah Khan - 我最终得到了这个:

CachedNetworkImage(
  imageUrl: url,
  placeholder: (context, url) => CircularProgressIndicator(),
  errorWidget: (context, url, error) => GestureDetector(
    onTap: () {
      setAvatar();
    },
    child: Icon(
      Icons.account_circle,
      size: 100.0,
      color: Theme.of(context).primaryColor,
    ),
  ),
  imageBuilder: (context, image) => Hero(
    tag: 'photo',
    child: GestureDetector(
      onTap: () {
        Get.toNamed(Routes.FULLPHOTO,
          arguments: {
            'url': url,
            'name': photoTitle,
            'idx': 0
          });
      },
      child: CircleAvatar(
        backgroundImage: image,
        radius: size,
      ),
    ),
  ),
),

Get.toNamed 来自 GetX 包(非常适合导航和状态管理)。