Updated JavaScript code to support the defaultSource prop

Author: IjzerenHein

index.js

@@ -1,22 +1 @@
-import PropTypes from 'prop-types'
-import { requireNativeComponent, Image, Platform } from 'react-native'
-
-var iface = {
-  name: 'FirebaseImage',
-  propTypes: {
-    ...Image.propTypes,
-    path: PropTypes.string,
-    timestamp: PropTypes.number,
-    resizeMode: PropTypes.oneOf(['cover', 'contain', 'stretch']),
-  },
-}
-
-const ImageView = requireNativeComponent('RCTFirebaseImageView', iface)
-let PhotoView = null
-//PhotoView is supported only on android
-if (Platform.OS === 'android') {
-  PhotoView = requireNativeComponent('RCTFirebasePhotoView', iface)
-} else {
-  PhotoView = ImageView
-}
-module.exports = { ImageView, PhotoView }
+export * from './src/index';

src/index.android.js

@@ -0,0 +1,41 @@
+// On Android, both Image and Photo view are supported,
+// and defaultSource is converted to an uri that the
+// native side can interpret
+import React, { Component } from 'react'
+import { requireNativeComponent, Image, Platform } from 'react-native'
+import iface from './interface'
+
+const RCTFirebaseImageView = requireNativeComponent(
+  'RCTFirebaseImageView',
+  iface
+)
+const RCTFirebasePhotoView = requireNativeComponent(
+  'RCTFirebasePhotoView',
+  iface
+)
+
+class ImageView extends Component {
+  render() {
+    let { defaultSource, ...otherProps } = this.props
+    defaultSource = defaultSource
+      ? Image.resolveAssetSource(defaultSource).uri
+      : undefined
+    return (
+      <RCTFirebaseImageView {...otherProps} defaultSource={defaultSource} />
+    )
+  }
+}
+
+class PhotoView extends Component {
+  render() {
+    let { defaultSource, ...otherProps } = this.props
+    defaultSource = defaultSource
+      ? Image.resolveAssetSource(defaultSource).uri
+      : undefined
+    return (
+      <RCTFirebasePhotoView {...otherProps} defaultSource={defaultSource} />
+    )
+  }
+}
+
+module.exports = { ImageView, PhotoView }

src/index.js

@@ -0,0 +1,7 @@
+import { requireNativeComponent } from 'react-native'
+import iface from './interface'
+
+const ImageView = requireNativeComponent('RCTFirebaseImageView', iface)
+const PhotoView = ImageView //PhotoView is supported only on android
+
+module.exports = { ImageView, PhotoView }

src/interface.js

@@ -0,0 +1,13 @@
+import { Image } from 'react-native'
+import PropTypes from 'prop-types'
+
+module.exports = {
+  name: 'FirebaseImage',
+  propTypes: {
+    ...Image.propTypes,
+    path: PropTypes.string,
+    timestamp: PropTypes.number,
+    resizeMode: PropTypes.oneOf(['cover', 'contain', 'stretch']),
+    defaultSource: PropTypes.number
+  }
+}