图像不适合React-native

Question

在我的视图中设置图像。

...

<View style={{ flex:1 }}>
  <Image 
    style={{ width:50, height:50 }} 
    source={ require('./mytage') } 
    resizeMode={'cover'} /> 
</View>

...

如何正确适合此图像。

Answer 1

使用宽度和高度而不是使用调整大小模式，使用响应尺寸宽度和高度（百分比）。 喜欢：-

为此你需要一个名为响应维度的包。

Answer 2

使用resizeMode='contain'作为封面，图片将尽可能大，但包含将适用于acontainer

<View style={{flex:1}}>
   <Image style={{width:50, height:50}}
   source={require('./mytage)}
   resizeMode='contain' /> // use resizeMode contain also image is self closing
</View>