Реагировать родной - изображение не отображается должным образом

Question

Я использую обычный тег изображения для отображения изображения сервера, но некоторые изображения отображаются правильно, а некоторые нет.

• Я использую React-native для приложений Android
• Я использовал размеры-реагирования-размера для определения размера изображения относительно размера экрана.
• Передал URL изображения через состояние.

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

Answer 1

Если вы хотите отобразить изображение вашего сервера в сетке, то это может быть для вас

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

или измените resizeMode:'cover'

Answer 2

Обеспечить высоту-ширину в стиле тега изображения

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