fixed : Same hero tag causes black screen

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 1.3.3
+
+1.修复相同图片地址Hero动画tag相同问题
+
+
 ## 1.3.2
 
 1.图片Hero动画相同地址不能加载

README.md

@@ -14,14 +14,17 @@
 ```
 dependencies:
   ...
-    nineold: ^1.3.2
+    nineold: ^1.3.3
 ```
 
 关于如何运行flutter项目, 参考官方文档[documentation](https://flutter.io/).
 
 
 # 版本更新
 
+## 1.3.3
+
+1.修复相同图片地址Hero动画tag相同问题
 
 ## 1.3.2
 

example/lib/main.dart

@@ -34,6 +34,10 @@ class _MyHomePageState extends State<MyHomePage> {
 
   List<String> getData() {
     List<String> list = [];
+    list.add(
+        "http://t7.baidu.com/it/u=3616242789,1098670747&fm=79&app=86&f=JPEG?w=900&h=1350");
+    list.add(
+        "http://t7.baidu.com/it/u=3616242789,1098670747&fm=79&app=86&f=JPEG?w=900&h=1350");
     list.add(
         "http://t7.baidu.com/it/u=3616242789,1098670747&fm=79&app=86&f=JPEG?w=900&h=1350");
     list.add(

example/pubspec.lock

@@ -302,7 +302,7 @@ packages:
       name: uuid
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.0.4"
+    version: "2.2.2"
   vector_math:
     dependency: transitive
     description:

lib/watcher/gallery_watcher.dart

@@ -13,6 +13,7 @@ class GalleryPhotoViewWrapper extends StatefulWidget {
     this.maxScale,
     this.initialIndex,
     @required this.thumbGalleryItems,
+    @required this.tagItems,
     this.originGalleryItems,
     this.scrollDirection = Axis.horizontal,
     this.onLongPressListener,
@@ -26,6 +27,7 @@ class GalleryPhotoViewWrapper extends StatefulWidget {
   final PageController pageController;
   final List<String> thumbGalleryItems;
   final List<String> originGalleryItems;
+  final List<String> tagItems;
   final Axis scrollDirection;
 
   final OnLongPressCallback onLongPressListener;
@@ -116,7 +118,7 @@ class _GalleryPhotoViewWrapperState extends State<GalleryPhotoViewWrapper> {
     } else {
       item = widget.originGalleryItems[index];
     }
-    var tag = item + index.toString();
+    var tag = item + widget.tagItems[index];
     return PhotoViewGalleryPageOptions(
       imageProvider: CachedNetworkImageProvider(item),
       initialScale: PhotoViewComputedScale.contained,

lib/widget/nine_old_widget.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:nineold/loader/image_with_loader.dart';
 import 'package:nineold/watcher/gallery_watcher.dart';
+import 'package:uuid/uuid.dart';
 
 class NineOldWidget extends StatelessWidget {
   final List<String> images;
@@ -12,6 +13,9 @@ class NineOldWidget extends StatelessWidget {
 
   final OnLongPressCallback onLongPressListener;
 
+  final List<String> tagItems = [];
+
+
   NineOldWidget(
       {@required this.images,
       this.moreStyle,
@@ -27,6 +31,9 @@ class NineOldWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     width = MediaQuery.of(context).size.width;
     height = MediaQuery.of(context).size.height;
+    images.forEach((element) {
+      tagItems.add(Uuid().v1());
+    });
     return _buildImagesFrame(context);
   }
 
@@ -389,7 +396,7 @@ class NineOldWidget extends StatelessWidget {
         child: AspectRatio(
             aspectRatio: aspectRatio,
             child: Hero(
-              tag: images[index] + index.toString(),
+              tag: images[index] + tagItems[index],
               child: ImageWithLoader(
                 url: images[index],
                 backgroundColor: backgroundColor,
@@ -408,6 +415,7 @@ class NineOldWidget extends StatelessWidget {
       MaterialPageRoute(
         builder: (context) => GalleryPhotoViewWrapper(
           thumbGalleryItems: images,
+          tagItems: tagItems,
           backgroundDecoration: const BoxDecoration(
             color: Colors.black,
           ),

pubspec.lock

@@ -283,12 +283,12 @@ packages:
     source: hosted
     version: "1.2.0"
   uuid:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: uuid
       url: "https://pub.flutter-io.cn"
     source: hosted
-    version: "2.0.4"
+    version: "2.2.2"
   vector_math:
     dependency: transitive
     description:

pubspec.yaml

@@ -1,6 +1,6 @@
 name: nineold
 description: Nineoldwidget is a component used to encapsulate the nine palace display of pictures.
-version: 1.3.2
+version: 1.3.3
 homepage: https://github.com/lanzhu1993/flutter_nineold
 
 environment:
@@ -13,6 +13,7 @@ dependencies:
   transparent_image: ^1.0.0
   photo_view: ^0.10.2
   cached_network_image: ^2.3.2+1
+  uuid: ^2.2.2
 
 dev_dependencies:
   flutter_test: