在视图中调整图像大小

Question

我的样式代码如下：

advertiseBox:{
    flexDirection: 'row-reverse',
  },
  advertiseImage:{
    alignItems: 'flex-start',
    resizeMode: 'contain',
    height: 200,
    width: 300,
    borderRadius: 7,
  },

调用图像和样式如下：

<View style={[todayStyles.advertiseBox, {backgroundColor: 'blue'}]}>

  <Image source={require('../../assets/images/advertise.png')} style={todayStyles.advertiseImage}/>

</View>

在代码中很明显，没有使用边距和填充。为什么图像与顶部，底部和右侧之间有一定距离。解决该问题的方法是什么？

Answer 1

根据this，在React Native版本0.57中，resizeMode似乎不适用于PNG

Answer 2

advertiseBox:{
  justifyContent:"flex-start",
},
advertiseImage:{
  //resizeMode: 'cover', 
  height: 200,
  width: 300,
  borderRadius: 7,
},