使用resizeMode封面切断图像

Question

我有一个图像，当我想使用resizeMode =“cover”使其更大时，图像的一部分被切断。如何解决？

render() {
return (
 <View style={styles.container}>

        <Image
          style={styles.imgStyleGoogle}
          source={{uri: 'my.png'}}
        />
<View>
    )
}

const styles = StyleSheet.create({
  container: {
        flex: 1,
        alignItems:  'center',
        marginLeft: ratio * 5,
        marginRight: ratio * 5,
    },


imgStyleGoogle: {
        flex: 1,
        height: ratio*25,
        width: ratio*100,
        resizeMode:'cover',
    }
})

以下是图片的示例：

Answer 1

我找到了解决方案，问题在于图片中的flex: 1，我从imgStyleGoogle删除了它并更改了resizeMode:'contain'，并且没有更多图像被切断。