Merge pull request #14 from billmalarky/issue-13-local-file-not-used

Issue 13 local file not used

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 {
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-image-cache-hoc",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "React Native Higher Order Component that adds advanced caching functionality to the react native Image component.",
   "main": "index.js",
   "scripts": {