react native - image not showing properly

Question

I'm using the normal image tag to display server image but some images are showing properly and some are not.

• I'm using react-native to for android application
• I have used react-native-responsive-dimensions for image sizing relative to screen size.
• Passed image URL through a state.

<View>
   <Image 
     style={{borderWidth:1,
     width: responsiveWidth(100),
     height: responsiveHeight(50),
     resizeMode:'contain'}} 
     source = {{ uri:this.state.productimage}}/>
</View>

Answer 1

provide height-width in style of image tag

<Image 
source = {{ uri:"http://pngimg.com/uploads/google/google_PNG19632.png" }} 
style = {{ height:100, width:100 }}/>

Answer 2

if you want to display your server image in grid then may be this works for you

<Image source={{uri:"http://pngimg.com/uploads/google/google_PNG19632.png"}} style={{height:null,width:null,flex:0.5,resizeMode:'contain'}}  />

or change resizeMode:'cover'