114 lines
3.1 KiB
Dart
114 lines
3.1 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:lottie/lottie.dart';
|
|
|
|
class ImageView extends StatelessWidget {
|
|
final dynamic image;
|
|
final double? height, width;
|
|
final BoxFit? fit;
|
|
final double? borderRadius;
|
|
final Color? loadingColor;
|
|
final Widget? loadingWidget;
|
|
final Widget? errorWidget;
|
|
|
|
///widget Image ini sudah di bikin fleksibel untuk menampilkan image dari File, assets dan internet
|
|
const ImageView({
|
|
Key? key,
|
|
required this.image,
|
|
this.height,
|
|
this.width,
|
|
this.loadingWidget,
|
|
this.loadingColor,
|
|
this.fit = BoxFit.cover,
|
|
this.borderRadius,
|
|
this.errorWidget,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final errWidget = errorWidget ??
|
|
Icon(
|
|
Icons.image_not_supported_outlined,
|
|
size: fit == BoxFit.fitHeight ? height : width,
|
|
color: Colors.grey,
|
|
);
|
|
if (image is String) {
|
|
var image = this.image as String;
|
|
if (image.isNotEmpty) {
|
|
if (image.startsWith("https") || image.startsWith("http")) {
|
|
if (image.endsWith(".svg")) {
|
|
return SvgPicture.network(
|
|
image,
|
|
fit: BoxFit.fitWidth,
|
|
width: width,
|
|
height: height,
|
|
);
|
|
}
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(borderRadius ?? 0.0),
|
|
child: CachedNetworkImage(
|
|
imageUrl: image,
|
|
width: width,
|
|
height: height,
|
|
fit: fit,
|
|
placeholder: (context, url) {
|
|
return loadingWidget ??
|
|
Center(
|
|
child: CircularProgressIndicator(
|
|
color: loadingColor,
|
|
),
|
|
);
|
|
},
|
|
errorWidget: (context, _, x) {
|
|
return errWidget;
|
|
},
|
|
),
|
|
);
|
|
} else if (image.startsWith("assets")) {
|
|
if (image.endsWith(".json")) {
|
|
return LottieBuilder.asset(
|
|
image,
|
|
height: height,
|
|
width: width,
|
|
);
|
|
}
|
|
// handle svg from assets
|
|
if (image.endsWith('.svg')) {
|
|
return SvgPicture.asset(
|
|
image,
|
|
fit: BoxFit.fitWidth,
|
|
width: width,
|
|
height: height,
|
|
);
|
|
}
|
|
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(borderRadius ?? 0.0),
|
|
child: Image.asset(
|
|
image,
|
|
height: height,
|
|
width: width,
|
|
fit: fit,
|
|
),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
if (image is File) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(borderRadius ?? 0.0),
|
|
child: Image.file(
|
|
image,
|
|
height: height,
|
|
width: width,
|
|
fit: fit,
|
|
),
|
|
);
|
|
}
|
|
return errWidget;
|
|
}
|
|
}
|