initial commit

lib/application/component/image/image_view.dart

@@ -0,0 +1,113 @@
+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;
+  }
+}