Merge pull request #57 from jeffraux/master

Use componentDidUpdate instead of componentWillReceiveProps

Author: antonKalinin

src/ImageView.js

@@ -164,42 +164,42 @@ export default class ImageView extends Component<PropsType, StateType> {
         Dimensions.addEventListener('change', this.onChangeDimension);
     }
 
-    componentWillReceiveProps(nextProps: PropsType) {
+    componentDidUpdate() {
         const {images, imageIndex, isVisible} = this.state;
 
         if (
-            typeof nextProps.isVisible !== 'undefined' &&
-            nextProps.isVisible !== isVisible
+            typeof this.props.isVisible !== 'undefined' &&
+            this.props.isVisible !== isVisible
         ) {
-            this.onNextImagesReceived(nextProps.images, nextProps.imageIndex);
+            this.onNextImagesReceived(this.props.images, this.props.imageIndex);
 
             if (
-                images !== nextProps.images ||
-                imageIndex !== nextProps.imageIndex
+                images !== this.props.images ||
+                imageIndex !== this.props.imageIndex
             ) {
                 const imagesWithoutSize = getImagesWithoutSize(
-                    addIndexesToImages(nextProps.images)
+                    addIndexesToImages(this.props.images)
                 );
 
                 if (imagesWithoutSize.length) {
                     Promise.all(fetchImageSize(imagesWithoutSize)).then(
                         updatedImages =>
                             this.onNextImagesReceived(
                                 this.setSizeForImages(updatedImages),
-                                nextProps.imageIndex
+                                this.props.imageIndex
                             )
                     );
                 }
             }
 
             this.setState({
-                isVisible: nextProps.isVisible,
+                isVisible: this.props.isVisible,
                 isFlatListRerendered: false,
             });
 
             this.modalBackgroundOpacity.setValue(0);
 
-            if (nextProps.isVisible) {
+            if (this.props.isVisible) {
                 Animated.timing(this.modalAnimation, {
                     duration: 400,
                     toValue: 1,