78 lines
1.9 KiB
Dart
78 lines
1.9 KiB
Dart
|
part of 'image.dart';
|
||
|
|
|
||
|
|
class AppNetworkImage extends StatelessWidget {
|
||
|
|
final String? url;
|
||
|
|
final double? height;
|
||
|
|
final double? width;
|
||
|
|
final double? borderRadius;
|
||
|
|
final BoxFit? fit;
|
||
|
|
final bool? isCanZoom;
|
||
|
|
final VoidCallback? onTap;
|
||
|
|
|
||
|
|
const AppNetworkImage({
|
||
|
|
super.key,
|
||
|
|
this.url,
|
||
|
|
this.height,
|
||
|
|
this.width,
|
||
|
|
this.borderRadius = 0,
|
||
|
|
this.fit = BoxFit.cover,
|
||
|
|
this.isCanZoom = false,
|
||
|
|
this.onTap,
|
||
|
|
});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
Widget customPhoto(
|
||
|
|
double? heightx,
|
||
|
|
double? widthx,
|
||
|
|
BoxFit? fitx,
|
||
|
|
double? radius,
|
||
|
|
) {
|
||
|
|
return CachedNetworkImage(
|
||
|
|
imageUrl: url.toString(),
|
||
|
|
memCacheHeight: 120,
|
||
|
|
memCacheWidth: 120,
|
||
|
|
placeholder: (context, url) => Shimmer.fromColors(
|
||
|
|
baseColor: Colors.grey[300]!,
|
||
|
|
highlightColor: Colors.grey[100]!,
|
||
|
|
child: Container(
|
||
|
|
height: height,
|
||
|
|
width: width,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.grey.shade300,
|
||
|
|
borderRadius: BorderRadius.circular(radius ?? 0),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
errorWidget: (context, url, error) {
|
||
|
|
FirebaseCrashlytics.instance.recordError(
|
||
|
|
error,
|
||
|
|
StackTrace.current,
|
||
|
|
reason: 'Failed to load image from: $url',
|
||
|
|
fatal: false,
|
||
|
|
);
|
||
|
|
return Container(
|
||
|
|
width: double.infinity,
|
||
|
|
height: 120,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: AppColor.disabled.withOpacity(0.4),
|
||
|
|
),
|
||
|
|
child: const Icon(Icons.image, color: AppColor.disabled),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
height: heightx,
|
||
|
|
width: widthx,
|
||
|
|
fit: fitx,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return GestureDetector(
|
||
|
|
onTap: onTap,
|
||
|
|
child: ClipRRect(
|
||
|
|
borderRadius: BorderRadius.circular(borderRadius!),
|
||
|
|
child: customPhoto(height, width, BoxFit.fill, borderRadius),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|