Is there a way to show default image if network/asset image fails to load for circle avatar?

Question

I want a way to load placeholder image if network/asset image fails to load. here's what i have tried.

class CircularImageWidget extends StatelessWidget {
  CircularImageWidget({
    Key key,
    @required this.radius,
    @required this.assetPath,
    @required this.imageType,
  }) : super(key: key);

  final double radius;
  final String assetPath;
  final ImageType imageType;

  Image getErrorImage() {
    return Image.asset(AssetUtils.profilepic);
  }

  ImageProvider returnImageAccordingToImageType() {
    if (imageType == ImageType.Network) {
      return NetworkImage(
        assetPath,
      );
    } else {
      return AssetImage(
        assetPath,
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return CircleAvatar(
      backgroundImage: returnImageAccordingToImageType() ??
          AssetImage(AssetUtils.profilepic),
      radius: radius,
      onBackgroundImageError: (exception, stackTrace) {
        return AssetImage(AssetUtils.profilepic);
      },
    );
  }
}

Answer 1

You can achieve this by checking the URL of the image and displaying different widgets based on it.

  @override
   Widget build(BuildContext context) {
   return CircleAvatar(
 imageURL== null? backgroundImage: 
      AssetImage(AssetUtils.profilepic),
  radius: radius,
 
):backgroundImage: 
      NetworkImage(imageURL),
  radius: radius,
 
),
}