fix: disable GIF looping to mitigate high CPU & GPU usage

Author: Integral-Tech

lib/components/network_image.dart

@@ -1,6 +1,9 @@
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:gif_view/gif_view.dart';
 import 'package:flutter/material.dart';
 
+import '../constants/constants.dart';
+
 Widget networkImage(
   String imageUrl, {
   BoxFit? fit,
@@ -30,17 +33,27 @@ Widget networkImage(
     );
   }
 
-  return CachedNetworkImage(
-    fit: fit,
-    width: width,
-    height: height,
-    imageUrl: imageUrl,
-    imageBuilder: imageBuilder,
-    placeholder: (context, url) => placeHolder(context),
-    errorWidget: (context, url, error) => placeHolder(context),
-    fadeOutDuration: const Duration(milliseconds: 200),
-    fadeInDuration: const Duration(milliseconds: 200),
-  );
+  return imageUrl.endsWith(Constants.SUFFIX_GIF)
+      ? GifView.network(
+          imageUrl,
+          fit: fit,
+          width: width,
+          height: height,
+          errorBuilder: (context, url, error) => placeHolder(context),
+          fadeDuration: const Duration(milliseconds: 200),
+          loop: false,
+        )
+      : CachedNetworkImage(
+          fit: fit,
+          width: width,
+          height: height,
+          imageUrl: imageUrl,
+          imageBuilder: imageBuilder,
+          placeholder: (context, url) => placeHolder(context),
+          errorWidget: (context, url, error) => placeHolder(context),
+          fadeOutDuration: const Duration(milliseconds: 200),
+          fadeInDuration: const Duration(milliseconds: 200),
+        );
 }
 
 Widget clipNetworkImage(

pubspec.lock

@@ -565,6 +565,14 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "4.7.2"
+  gif_view:
+    dependency: "direct main"
+    description:
+      name: gif_view
+      sha256: "4c7e17c134719531dabab54af121e4600d63283f56f3aff57c16db54766b67bc"
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.0.3"
   glob:
     dependency: transitive
     description:

pubspec.yaml

@@ -69,6 +69,7 @@ dependencies:
   url_launcher: ^6.3.0
   uuid: ^4.4.2
   window_manager: ^0.5.0
+  gif_view: ^1.0.3
 
 dev_dependencies:
   flutter_test: