fix: update library to support 0.60+ (#35)

xotahal · Nov 28, 2019 · 40187f0 · 40187f0
1 parent 65e1353
commit 40187f0
Show file tree

Hide file tree

Showing 11 changed files with 39 additions and 40 deletions.
diff --git a/src/AnimatedNumber.js b/src/AnimatedNumber.js
@@ -39,11 +39,11 @@ class AnimatedNumber extends React.PureComponent {
       });
     }
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { value } = this.props;
 
-    if (value !== nextProps.value) {
-      this.move(nextProps);
+    if (prevProps.value !== value) {
+      this.move(this.props);
     }
   }
   onValueChanged = e => {

diff --git a/src/AnimatedText.js b/src/AnimatedText.js
@@ -28,11 +28,11 @@ class AnimatedText extends React.PureComponent {
       originLength: value.length,
     };
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { value } = this.props;
 
-    if (value !== nextProps.value) {
-      this.change(nextProps);
+    if (prevProps.value !== value) {
+      this.change(this.props);
     }
   }
   onValueChanged = e => {

diff --git a/src/Opacity.js b/src/Opacity.js
@@ -19,11 +19,11 @@ class Opacity extends PureComponent {
       opacityValue: new Animated.Value(value),
     };
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { value } = this.props;
 
-    if (value !== nextProps.value) {
-      this.move(nextProps);
+    if (prevProps.value !== value) {
+      this.move(this.props);
     }
   }
   move = props => {

diff --git a/src/Scale.js b/src/Scale.js
@@ -34,21 +34,21 @@ class Scale extends PureComponent {
       });
     }
   }
-  componentWillReceiveProps(nextProps) {
-    const { value } = this.props;
+  componentDidUpdate(prevProps) {
+    const { value, runAfterInteractions } = this.props;
 
-    if (value !== nextProps.value) {
+    if (prevProps.value !== value) {
       if (this.interaction) {
         this.interaction.cancel();
       }
 
-      if (nextProps.runAfterInteractions) {
+      if (runAfterInteractions) {
         this.interaction = InteractionManager.runAfterInteractions(() => {
           this.interaction = null;
-          this.move(nextProps);
+          this.move(this.props);
         });
       } else {
-        this.move(nextProps);
+        this.move(this.props);
       }
     }
   }

diff --git a/src/ScaleAndOpacity.js b/src/ScaleAndOpacity.js
@@ -43,14 +43,14 @@ class ScaleAndOpacity extends PureComponent {
       });
     }
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { isHidden } = this.props;
 
-    if (!isHidden && nextProps.isHidden) {
-      this.hide(nextProps);
+    if (!prevProps.isHidden && isHidden) {
+      this.hide(this.props);
     }
-    if (isHidden && !nextProps.isHidden) {
-      this.show(nextProps);
+    if (prevProps.isHidden && !isHidden) {
+      this.show(this.props);
     }
   }
   hide = props => {

diff --git a/src/Shake.js b/src/Shake.js
@@ -19,14 +19,13 @@ class Shake extends PureComponent {
       animatedValue: new Animated.Value(this.currentValue),
     };
   }
-  // componentDidMount
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { value } = this.props;
 
     // Perform the shake if our `value` prop has been changed and is
     // being changed to a truthy value.
-    if (value !== nextProps.value && !!nextProps.value) {
-      this.move(nextProps);
+    if (prevProps.value !== value && !!value) {
+      this.move(this.props);
     }
   }
   move = props => {

diff --git a/src/SharedElement.js b/src/SharedElement.js
@@ -168,8 +168,8 @@ class SharedElement extends PureComponent {
   componentDidMount() {
     setProps(this.props);
   }
-  componentWillReceiveProps(nextProps) {
-    setProps(nextProps);
+  componentDidUpdate() {
+    setProps(this.props);
   }
   componentWillUnmount() {
     const { startOnDestinationWillUnmount } = this.props;

diff --git a/src/TranslateX.js b/src/TranslateX.js
@@ -35,11 +35,11 @@ class TranslateX extends PureComponent {
       });
     }
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { value } = this.props;
 
-    if (value !== nextProps.value) {
-      this.move(nextProps.value);
+    if (prevProps.value !== value) {
+      this.move(this.props);
     }
   }
   move = toValue => {

diff --git a/src/TranslateXY.js b/src/TranslateXY.js
@@ -25,11 +25,11 @@ class TranslateXY extends PureComponent {
       translateValue: new Animated.ValueXY({ x, y }),
     };
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { x, y } = this.props;
 
-    if (x !== nextProps.x || y !== nextProps.y) {
-      this.move(nextProps);
+    if (prevProps.x !== x || prevProps.y !== y) {
+      this.move(this.props);
     }
   }
   move = props => {

diff --git a/src/TranslateY.js b/src/TranslateY.js
@@ -37,11 +37,11 @@ class TranslateY extends PureComponent {
       });
     }
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { value } = this.props;
 
-    if (value !== nextProps.value) {
-      this.move(nextProps.value);
+    if (prevProps.value !== value) {
+      this.move(this.props);
     }
   }
   move = toValue => {

diff --git a/src/TranslateYAndOpacity.js b/src/TranslateYAndOpacity.js
@@ -39,14 +39,14 @@ class TranslateYAndOpacity extends PureComponent {
       });
     }
   }
-  componentWillReceiveProps(nextProps) {
+  componentDidUpdate(prevProps) {
     const { isHidden } = this.props;
 
-    if (!isHidden && nextProps.isHidden) {
-      this.hide(nextProps);
+    if (!prevProps.isHidden && isHidden) {
+      this.hide(this.props);
     }
-    if (isHidden && !nextProps.isHidden) {
-      this.show(nextProps);
+    if (prevProps.isHidden && !isHidden) {
+      this.show(this.props);
     }
   }
   show(props) {