🔥 more

Author: June

CHANGELOG.md

@@ -5,3 +5,7 @@
 ## 0.0.2
 
 * add listen mode
+
+## 0.0.3
+
+* more

README.md

@@ -7,7 +7,7 @@
 https://user-images.githubusercontent.com/9412501/159013153-79af72be-30e9-4d92-b34e-7af11c772812.mp4
 
 # how to use
-[![pub](https://img.shields.io/badge/pub-v0.0.2-green)](https://pub.dev/packages/parallaxj)
+[![pub](https://img.shields.io/badge/pub-v0.0.3-green)](https://pub.dev/packages/parallaxj)
 ```dart
 Parallaxable(
     offsetRadio: 1.0 / 10,

lib/src/parallax_touch.dart

@@ -33,13 +33,21 @@ class _ParallaxableState extends State<Parallaxable> with SingleTickerProviderSt
   double xpercent = 1;
   double ypercent = 1;
   final rotating = 0;
-
+  bool reverse = false;
   late AnimationController _aniController;
 
   @override
   void initState() {
     super.initState();
     _aniController = AnimationController(vsync: this, duration: const Duration(milliseconds: 100));
+    _aniController.addStatusListener((status) {
+      if(status == AnimationStatus.completed) {
+        if(reverse) {
+          reverse = false;
+          _aniController.reverse();
+        }
+      }
+    });
   }
 
   @override
@@ -86,16 +94,16 @@ class _ParallaxableState extends State<Parallaxable> with SingleTickerProviderSt
           if (widget.listen) {
            return Listener(
               onPointerMove: (event) => _panUpdate(event.localPosition.dx, event.localPosition.dy),
-              onPointerCancel: (event) => _panEnd(),
+              onPointerCancel: (event) => _tapUp(),
               onPointerDown: (event) => _panDown(event.localPosition.dx, event.localPosition.dy),
               onPointerUp: (event) => _tapUp(),
               child: stack,
             );
           }
 
           return GestureDetector(
-            onPanCancel: _panEnd,
-            onPanEnd: (event) => _panEnd(),
+            onPanCancel: _tapUp,
+            onPanEnd: (event) => _tapUp(),
             onPanUpdate: (event) => _panUpdate(event.localPosition.dx, event.localPosition.dy),
             onTapUp: (event) => _tapUp(),
             onPanDown: (event) => _panDown(event.localPosition.dx, event.localPosition.dy),
@@ -115,18 +123,20 @@ class _ParallaxableState extends State<Parallaxable> with SingleTickerProviderSt
   }
 
   void _panDown(double dx, double dy) {
-    _aniController.forward();
-    setState(() {
-      ypercent = (halfWidth - dx) / halfWidth;
-      xpercent = (dy - halfHeight) / halfHeight;
-    });
+    ypercent = (halfWidth - dx) / halfWidth;
+    xpercent = (dy - halfHeight) / halfHeight;
+    reverse = false;
+    if (_aniController.isAnimating) {
+      _aniController.stop();
+    }
+      _aniController.forward();
   }
 
   void _tapUp() {
-    _aniController.reverse();
-  }
-
-  void _panEnd() {
-    _aniController.reverse();
+    if (!_aniController.isAnimating) {
+      _aniController.reverse();
+    }else {
+      reverse = true;
+    }
   }
 }

pubspec.yaml

@@ -1,6 +1,6 @@
 name: parallaxj
 description: A new Flutter project.
-version: 0.0.2
+version: 0.0.3
 homepage: https://github.com/ZuYun/parallaxj
 
 environment: