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

Author: Oleg Panfyorov

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 => {

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 => {

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 => {

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);
       }
     }
   }

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 => {

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 => {

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;

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 => {

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 => {

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 => {

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) {