Patching image source prop on render to use local file.

Author: billmalarky

lib/imageCacheHoc.js

@@ -15,7 +15,7 @@
 
 // Load dependencies.
 import React from 'react';
-import { ViewPropTypes } from 'react-native';
+import { Platform, ViewPropTypes } from 'react-native';
 import PropTypes from 'prop-types';
 import FileSystemFactory, { FileSystem } from '../lib/FileSystem';
 import traverse from 'traverse';
@@ -183,10 +183,13 @@ export default function imageCacheHoc(Image, options = {}) {
       // If media loaded, render full image component, else render placeholder.
       if (this.state.localFilePath) {
 
+        // Build platform specific file resource uri.
+        const localFileUri = (Platform.OS == 'ios') ? this.state.localFilePath : 'file://' + this.state.localFilePath; // Android requires the traditional 3 prefixed slashes file:/// in a localhost absolute file uri.
+
         // Extract props proprietary to this HOC before passing props through.
         let { permanent, ...filteredProps } = this.props; // eslint-disable-line no-unused-vars
 
-        let props = Object.assign({}, filteredProps, { uri: this.state.localFilePath });
+        let props = Object.assign({}, filteredProps, { source: { uri: localFileUri } });
         return (<Image {...props} />);
       } else {