feat：imporve image preview

Author: hackycy

lib/utils/image_preview.dart

@@ -77,44 +77,67 @@ class _GalleryPhotoViewWrapperState extends State<GalleryPhotoViewWrapper> {
               color: Colors.black,
               pageGestureAxis: SlideAxis.both),
       child: GestureDetector(
-        child: ExtendedImageGesturePageView.builder(
-          itemBuilder: (BuildContext context, int index) {
-            var item = widget.galleryItems[index];
-            Widget image = item.path.startsWith('http')
-                ? ExtendedImage.network(
-                    item.path,
-                    fit: BoxFit.contain,
-                    cache: true,
-                    mode: ExtendedImageMode.gesture,
-                    enableSlideOutPage: true,
-                    loadStateChanged: (state) =>
-                        defaultLoadStateChanged(state, iconSize: 50),
-                  )
-                : ExtendedImage.file(
-                    File(item.path),
-                    fit: BoxFit.contain,
-                    mode: ExtendedImageMode.gesture,
-                    enableSlideOutPage: true,
-                    loadStateChanged: (state) =>
-                        defaultLoadStateChanged(state, iconSize: 50),
+        child: Stack(
+          // fit: StackFit.expand,
+          alignment: Alignment.bottomRight,
+          children: [
+            ExtendedImageGesturePageView.builder(
+              itemBuilder: (BuildContext context, int index) {
+                var item = widget.galleryItems[index];
+                Widget image = item.path.startsWith('http')
+                    ? ExtendedImage.network(
+                        item.path,
+                        fit: BoxFit.contain,
+                        cache: true,
+                        mode: ExtendedImageMode.gesture,
+                        enableSlideOutPage: true,
+                        loadStateChanged: (state) =>
+                            defaultLoadStateChanged(state, iconSize: 50),
+                      )
+                    : ExtendedImage.file(
+                        File(item.path),
+                        fit: BoxFit.contain,
+                        mode: ExtendedImageMode.gesture,
+                        enableSlideOutPage: true,
+                        loadStateChanged: (state) =>
+                            defaultLoadStateChanged(state, iconSize: 50),
+                      );
+                image = Container(
+                  child: image,
+                );
+                if (index == currentIndex) {
+                  return Hero(
+                    tag: index,
+                    child: image,
                   );
-            image = Container(
-              child: image,
-            );
-            if (index == currentIndex) {
-              return Hero(
-                tag: index,
-                child: image,
-              );
-            } else {
-              return image;
-            }
-          },
-          itemCount: widget.galleryItems.length,
-          controller: PageController(
-            initialPage: currentIndex,
-          ),
-          scrollDirection: Axis.horizontal,
+                } else {
+                  return image;
+                }
+              },
+              itemCount: widget.galleryItems.length,
+              controller: PageController(
+                initialPage: currentIndex,
+              ),
+              onPageChanged: onPageChanged,
+              scrollDirection: Axis.horizontal,
+            ),
+            SafeArea(
+                child: Container(
+              margin: EdgeInsets.only(right: 10),
+              decoration: BoxDecoration(
+                  borderRadius: BorderRadius.all(Radius.circular(4)),
+                  color: Colors.grey),
+              padding: EdgeInsets.fromLTRB(5, 2, 5, 2),
+              child: Text(
+                '${currentIndex + 1} / ${widget.galleryItems.length}',
+                style: TextStyle(
+                    color: Colors.white,
+                    decoration: TextDecoration.none,
+                    fontWeight: FontWeight.normal,
+                    fontSize: 10),
+              ),
+            ))
+          ],
         ),
         onLongPress: () {
           _showBottomPane();
@@ -134,9 +157,41 @@ class _GalleryPhotoViewWrapperState extends State<GalleryPhotoViewWrapper> {
               mainAxisSize: MainAxisSize.min,
               children: [
                 ListTile(
-                  title: Text('复制链接'),
+                  title: Text(
+                    '图床类型',
+                    style: TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                  subtitle: Text(widget.galleryItems[currentIndex].type),
+                ),
+                ListTile(
+                  title: Text(
+                    '图片链接',
+                    style: TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                  subtitle: Text(widget.galleryItems[currentIndex].path),
+                  onTap: () {
+                    _handleCopy(
+                        widget.galleryItems[currentIndex].path, context);
+                  },
+                ),
+                ListTile(
+                  title: Text(
+                    '图片信息',
+                    style: TextStyle(fontWeight: FontWeight.bold),
+                  ),
+                  subtitle: Text(widget.galleryItems[currentIndex].info),
+                  onTap: () {
+                    _handleCopy(
+                        widget.galleryItems[currentIndex].info, context);
+                  },
+                ),
+                ListTile(
+                  title: Text(
+                    '取消',
+                    style: TextStyle(fontWeight: FontWeight.bold),
+                  ),
                   onTap: () {
-                    _handleCopy(context);
+                    Navigator.pop(context);
                   },
                 ),
               ],
@@ -146,9 +201,8 @@ class _GalleryPhotoViewWrapperState extends State<GalleryPhotoViewWrapper> {
   }
 
   /// 复制链接
-  _handleCopy(BuildContext context) {
-    Clipboard.setData(
-        ClipboardData(text: widget.galleryItems[currentIndex].path));
+  _handleCopy(String content, BuildContext context) {
+    Clipboard.setData(ClipboardData(text: content));
     Toast.show('已复制到剪切板', context);
     Navigator.pop(context);
   }