fix: fix run animation after interactions

The animation was run even when the value was changed while waiting for interactions.
xotahal · Mar 30, 2019 · 14e28f5 · 14e28f5
1 parent 3c9f34d
commit 14e28f5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/Scale.js b/src/Scale.js
@@ -19,6 +19,8 @@ class Scale extends PureComponent {
 
     const { value, initValue } = props;
 
+    this.interaction = null;
+
     this.state = {
       scaleValue: new Animated.Value(initValue || value),
     };
@@ -36,8 +38,13 @@ class Scale extends PureComponent {
     const { value } = this.props;
 
     if (value !== nextProps.value) {
+      if (this.interaction) {
+        this.interaction.cancel();
+      }
+
       if (nextProps.runAfterInteractions) {
-        InteractionManager.runAfterInteractions().then(() => {
+        this.interaction = InteractionManager.runAfterInteractions(() => {
+          this.interaction = null;
           this.move(nextProps);
         });
       } else {