handle uri prop changes - if we receive a different uri we need to unload the current file and load the new one

Author: erickreutz

lib/imageCacheHoc.js

@@ -167,6 +167,30 @@ export default function imageCacheHoc(Image, options = {}) {
 
     }
 
+    async componentWillReceiveProps(nextProps) {
+      const uri = traverse(this.props).get(['source', 'uri']);
+      const nextUri = traverse(nextProps).get(['source', 'uri']);
+      if (uri === nextUri) return;
+
+      const fileName = await this.fileSystem.getFileNameFromUrl(uri);
+      const nextFileName = await this.fileSystem.getFileNameFromUrl(nextUri);
+
+      FileSystem.unlockCacheFile(fileName, this.componentId);
+      FileSystem.lockCacheFile(nextFileName, this.componentId);
+
+      const { permanent } = this.props;
+      let localFilePath = null;
+      try {
+        localFilePath = await this.fileSystem.getLocalFilePathFromUrl(nextUri, !!permanent);
+      } catch (error) {
+        console.warn(error); // eslint-disable-line no-console
+      }
+
+      if (this._isMounted && localFilePath) {
+        this.setState({ localFilePath });
+      }
+    }    
+
     async componentWillUnmount() {
 
       // Track component mount status to avoid calling setState() on unmounted component.
@@ -207,4 +231,4 @@ export default function imageCacheHoc(Image, options = {}) {
 
   };
 
-}
+}