opt: 图片预览

lib/pages/dynamics/widgets/pic_panel.dart

@@ -1,9 +1,47 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:pilipala/common/constants.dart';
 import 'package:pilipala/common/widgets/badge.dart';
 import 'package:pilipala/common/widgets/network_img_layer.dart';
-import 'package:pilipala/pages/preview/index.dart';
+import 'package:pilipala/plugin/pl_gallery/index.dart';
+
+void onPreviewImg(currentUrl, picList, initIndex, context) {
+  Navigator.of(context).push(
+    HeroDialogRoute<void>(
+      builder: (BuildContext context) => InteractiveviewerGallery(
+        sources: picList,
+        initIndex: initIndex,
+        itemBuilder: (
+          BuildContext context,
+          int index,
+          bool isFocus,
+          bool enablePageView,
+        ) {
+          return GestureDetector(
+            behavior: HitTestBehavior.opaque,
+            onTap: () {
+              if (enablePageView) {
+                Navigator.of(context).pop();
+              }
+            },
+            child: Center(
+              child: Hero(
+                tag: picList[index],
+                child: CachedNetworkImage(
+                  fadeInDuration: const Duration(milliseconds: 0),
+                  imageUrl: picList[index],
+                  fit: BoxFit.contain,
+                ),
+              ),
+            ),
+          );
+        },
+        onPageChanged: (int pageIndex) {},
+      ),
+    ),
+  );
+}
 
 Widget picWidget(item, context) {
   String type = item.modules.moduleDynamic.major.type;
@@ -21,25 +59,25 @@ Widget picWidget(item, context) {
   List<Widget> list = [];
   for (var i = 0; i < len; i++) {
     picList.add(pictures[i].src ?? pictures[i].url);
+  }
+  for (var i = 0; i < len; i++) {
     list.add(
       LayoutBuilder(
         builder: (context, BoxConstraints box) {
-          return GestureDetector(
-            onTap: () {
-              showDialog(
-                useSafeArea: false,
-                context: context,
-                builder: (context) {
-                  return ImagePreview(initialPage: i, imgList: picList);
-                },
-              );
+          return Hero(
+            tag: picList[i],
+            placeholderBuilder:
+                (BuildContext context, Size heroSize, Widget child) {
+              return child;
             },
-            child: NetworkImgLayer(
-              src: pictures[i].src ?? pictures[i].url,
-              width: box.maxWidth,
-              height: box.maxWidth,
+            child: GestureDetector(
+              onTap: () => onPreviewImg(picList[i], picList, i, context),
+              child: NetworkImgLayer(
+                src: pictures[i].src ?? pictures[i].url,
+                width: box.maxWidth,
+                height: box.maxWidth,
+              ),
             ),
-            // ),
           );
         },
       ),