TF-3260 Load & Display App Grid Linagora Ecosystem

Signed-off-by: dab246 <tdvu@linagora.com>
2024-12-09 12:40:57 +07:00
parent 95f05c4715
commit dce74b43e9
48 changed files with 894 additions and 435 deletions
@@ -0,0 +1,70 @@
+
+import 'package:core/utils/app_logger.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+mixin ImageLoaderMixin {
+
+  Widget buildImage({
+    required String imagePath,
+    double? imageSize
+  }) {
+    if (isImageNetworkLink(imagePath) && isImageSVG(imagePath)) {
+      return SvgPicture.network(
+        imagePath,
+        width: imageSize ?? 150,
+        height: imageSize ?? 150,
+        fit: BoxFit.fill,
+        placeholderBuilder: (_) {
+          return const CupertinoActivityIndicator();
+        },
+      );
+    } else if (isImageNetworkLink(imagePath)) {
+      return Image.network(
+        imagePath,
+        fit: BoxFit.fill,
+        width: imageSize ?? 150,
+        height: imageSize ?? 150,
+        loadingBuilder: (_, child, loadingProgress) {
+          if (loadingProgress != null &&
+              loadingProgress.cumulativeBytesLoaded != loadingProgress.expectedTotalBytes) {
+            return const Center(
+              child: CupertinoActivityIndicator(),
+            );
+          }
+          return child;
+        },
+        errorBuilder: (context, error, stackTrace) {
+          logError('ImageLoaderMixin::buildImage:Exception = $error');
+          return Container(
+            width: imageSize ?? 150,
+            height: imageSize ?? 150,
+            alignment: Alignment.center,
+            child: const Icon(Icons.error_outline),
+          );
+        },
+      );
+    } else if (isImageSVG(imagePath)) {
+      return SvgPicture.asset(
+        imagePath,
+        width: imageSize ?? 150,
+        height: imageSize ?? 150,
+      );
+    } else {
+      return Image.asset(
+        imagePath,
+        fit: BoxFit.fill,
+        width: imageSize ?? 150,
+        height: imageSize ?? 150,
+      );
+    }
+  }
+
+  bool isImageNetworkLink(String imagePath) {
+    return imagePath.startsWith('http') == true ||
+        imagePath.startsWith('https') == true;
+  }
+
+  bool isImageSVG(String imagePath) => imagePath.endsWith('svg') == true;
+}