在本机反应中对齐图像以显示顶部

Question

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

                    <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}
                  />