From 73fb335b263af9f7cbb6a5b6d257168d992a6a81 Mon Sep 17 00:00:00 2001
From: Mark Vayngrib <mark@tradle.io>
Date: Thu, 20 Apr 2017 18:15:22 -0400
Subject: [PATCH] allow custom placeholder

---
 lib/LazyloadImage.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/lib/LazyloadImage.js b/lib/LazyloadImage.js
index 8c751d1..b7629f9 100644
--- a/lib/LazyloadImage.js
+++ b/lib/LazyloadImage.js
@@ -8,11 +8,16 @@ import {
 } from 'react-native';
 import LazyloadView from './LazyloadView';
 import Anim from './Anim';
-const emptySource = {uri:'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'};
+
+const GREY_PLACEHOLDER = { uri:'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7' };
 
 class LazyloadImage extends LazyloadView{
     static displayName = 'LazyloadImage';
 
+    static defaultProps = {
+        placeholder: GREY_PLACEHOLDER
+    }
+
     static propTypes = {
         host: PropTypes.string,
         initialVisibility: PropTypes.bool,
@@ -25,6 +30,7 @@ class LazyloadImage extends LazyloadView{
             }),
             PropTypes.bool
         ]),
+        placeholder: Image.propTypes.source,
         ...Image.propTypes
     };
 
@@ -38,7 +44,7 @@ class LazyloadImage extends LazyloadView{
             {...this.props}
             onLayout={this._onLayout}
             key={key}
-            source={this.state.visible ? this.props.source : emptySource}
+            source={this.state.visible ? this.props.source : this.props.placeholder}
         /> : <Image
             ref={ele => this._root = ele}
             {...this.props}