在响应本机中将图像与显示顶部对齐

Question

我有一个图像，我正在我的反应本机应用程序中显示。我对它很陌生，在按照我想要的方式设置图像样式方面似乎遇到了一些困难。我正在使用封面的调整大小模式，它只显示图像的中心并且高度被裁剪，我想显示图像的上侧。下面是我目前拥有的示例代码。

<View style={styles.imageContentWrap}>
<Image
source={imageSource}
style={styles.imageStyle}
/>
</View>
imageContentWrap: {
flexWrap: 'wrap',
backgroundColor: 'green',
flex: 0.58,
},
imageStyle: {
flexWrap: 'wrap',
width: '100%',
height: '100%',
resizeMode: 'cover',
overflow: 'hidden',
},

Answer 1

resizeMode: 'contain',

或

<Image
source={imageSource}
resizeMode="contain"
style={styles.imageStyle}
/>