title: onLoadEnd is not fired in react-native Image
body: <p>hi am trying to load an remote image. onLoadStart is hitting but not the onLoadEnd
  ` </p>
  
  <pre><code>&lt;View style={{ paddingTop: 60, paddingBottom: 10 }}&gt;
                {this.state.loading ? (
                  &lt;DotIndicator size={25} color={"white"} /&gt;
                ) : (
                  &lt;Image
                    resizeMode={this.resizeMode}
                    style={[styles.imageStyle, this.tintStyle]}
                    onLoadStart={e =&gt; {
                      this.setState({ loading: true });
                    }}
                    onLoadEnd={e =&gt; this.setState({ loading: false })}
                    // defaultSource={NoProfile}
                    //  loadingIndicatorSource={require("@images/profile_placeholder.png")}
                    source={this.userImageUri}
                    onError={error =&gt; {
                      this.tintStyle = { tintColor: "lightgray" };
                      this.resizeMode = "contain";
                      this.userImageUri = NoProfile;
                    }}
                  /&gt;
                )}
              &lt;/View&gt;
  </code></pre>
  
  <p>`</p>
  
  <p><strong>EDIT 1</strong></p>
  
  <p><em>onLoadStart</em> is hit. <em>onLoad</em> is also never being called</p>
  
  <p>does any one have a clue. am new to react. 
  Any help is appreciated.
  thanks is advance</p>
  
  <p><strong>SOLUTION</strong></p>
  
  <p>Since Vignesh and hong mentioned the image is never there so its on loadEnd will never be called. So instead of loading only image or loader I loaded the loader on top of image. Posting this here as it may be useful for someone at sometime. Once again thanks to Vignesh and hong</p>
  
  <pre><code>&lt;View
                style={{
                  padding: 10,
                  width: WIDTH - 50,
                  height: WIDTH - 25,
                  alignSelf: "center"
                }}
              &gt;
                {this.state.loading ? (
                  &lt;MaterialIndicator
                    size={50}
                    color={"red"}
                    style={{
                      marginTop: WIDTH / 2,
                      alignSelf: "center"
                    }}
                  /&gt;
                ) : null}
                &lt;Image
                  resizeMode={this.resizeMode}
                  style={[styles.imageStyle, this.tintStyle]}
                  onLoadStart={e =&gt; {
                    this.setState({ loading: true });
                  }}
                  onLoad={e =&gt; {
                    this.setState({ loading: false });
                  }}
                  onLoadEnd={e =&gt; this.setState({ loading: false })}
                  // defaultSource={NoProfile}
                  //  loadingIndicatorSource={require("@images/profile_placeholder.png")}
                  source={this.userImageUri}
                  onError={error =&gt; {
                    this.tintStyle = { tintColor: "lightgray" };
                    this.resizeMode = "contain";
                    this.userImageUri = NoProfile;
                  }}
                /&gt;
              &lt;/View&gt;
  </code></pre>