native / lib / widgets / app_image.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:grain/app_icons.dart';

class AppImage extends StatelessWidget {
  final String? url;
  final double? width;
  final double? height;
  final BoxFit fit;
  final BorderRadius? borderRadius;
  final Widget? placeholder;
  final Widget? errorWidget;

  const AppImage({
    super.key,
    required this.url,
    this.width,
    this.height,
    this.fit = BoxFit.cover,
    this.borderRadius,
    this.placeholder,
    this.errorWidget,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    if (url == null || url!.isEmpty) {
      return errorWidget ??
          Container(
            width: width,
            height: height,
            color: theme.colorScheme.surface,
            child: Icon(AppIcons.brokenImage, color: Colors.grey),
          );
    }
    final image = CachedNetworkImage(
      imageUrl: url!,
      width: width,
      height: height,
      fit: fit,
      fadeInDuration: Duration.zero,
      fadeOutDuration: Duration.zero,
      placeholder: (context, _) =>
          placeholder ??
          Container(
            width: width,
            height: height,
            color: theme.colorScheme.surface,
            // child: const Center(
            //   child: CircularProgressIndicator(
            //     strokeWidth: 2,
            //     color: Color(0xFF0EA5E9),
            //   ),
            // ),
          ),
      errorWidget: (context, _, __) =>
          errorWidget ??
          Container(
            width: width,
            height: height,
            color: theme.colorScheme.surface,
            child: Icon(AppIcons.brokenImage, color: Colors.grey),
          ),
    );
    if (borderRadius != null) {
      return ClipRRect(
        borderRadius: borderRadius!, // BorderRadius is a subclass of BorderRadiusGeometry
        child: image,
      );
    }
    return image;
  }
}