title: React Native Retrieve Actual Image Sizes
body: <p>I would like to be able to know the actual size of a network-loaded image that has been passed into <code>&lt;Image /&gt;</code> I have tried using <code>onLayout</code> to work out the size (as taken from here <a href="https://github.com/facebook/react-native/issues/858" rel="noreferrer">https://github.com/facebook/react-native/issues/858</a>) but that seems to return the sanitised size after it's already been pushed through the layout engine.</p>
  
  <p>I tried looking into onLoadStart, onLoad, onLoadEnd, onProgress to see if there was any other information available but cannot seem to get any of these to fire. I have declared them as follows:</p>
  
  <pre><code>  onImageLoadStart: function(e){
      console.log("onImageLoadStart");
    },
  
    onImageLoad: function(e){
      console.log("onImageLoad");
    },
  
    onImageLoadEnd: function(e){
      console.log("onImageLoadEnd");
    },
  
  
    onImageProgress: function(e){
      console.log("onImageProgress");
    },
  
    onImageError: function(e){
      console.log("onImageError");
    },
  
    render: function (e) {
      return (
        &lt;Image
          source={{uri: "http://adomain.com/myimageurl.jpg"}}
          style={[this.props.style, this.state.style]}
          onLayout={this.onImageLayout}
          onLoadStart={(e) =&gt; {this.onImageLoadStart(e)}}
          onLoad={(e) =&gt; {this.onImageLoad(e)}}
          onLoadEnd={(e) =&gt; {this.onImageLoadEnd(e)}}
          onProgress={(e) =&gt; {this.onImageProgress(e)}}
          onError={(e) =&gt; {this.onImageError(e)}} /&gt;
      );
    }
  </code></pre>
  
  <p>Thanks.</p>