react-native 0.31.0 image not loaded or displayed

i am started using react-native 0.31.0.

my code is

onLoadStart(e){
    console.log('LOAD START');
  }
  onLoadProgress(e){
    var progress = Math.round(100*e.nativeEvent.written / e.nativeEvent.total);
    if (progress < _oldProgress){
      console.log('FAIL');
    }
    _oldProgress = progress;
    console.log('LOAD PROGRESS: '+progress);
  }
  onLoaded(e){
    console.log('LOAD ENDED');
  }



    render() {
    return (
<Image
          source={{uri:'http://mobinteg.com/wp-content/uploads/2015/03/news_img.png'}}
          resizeMode='cover'
          onLoadProgress={this.onLoadProgress}
          onLoadStart={this.onLoadStart}
          onLoadEnd={this.onLoaded}
          style={{height:200,width:200,flex:1}}>
        </Image> );
}

function load start and load end works and print the log but still image is not displayed on screen

[Maxwell2022]

• It needs to be served over HTTPS
• It needs to have a valid SSL certificate
• <Image ... /> needs to have a width and height define in style property

If you follow this it should work.

[AgtLucas]

@nilaybrahmbhatt iOS? From iOS 8 and newer versions, by default all external require/connections should be over HTTPS.