React native 图像调整封面大小-保持图像左上角

我有一个需要在某些设备上裁剪的大图像，但我的图像左上角保持圆滑非常重要，因为它有一些重要的内容

 <View style={{flex:1}}>
     <Image source={MY_IMAGE} 
        resizeMode="cover"
        style={{
          flex: 1.8,
          width: null,
          height: null
        }}
    />
    <View style={{ flex: 1 }}>
      //other content
    </View>
 </View>

//其他内容

^这与我想要的非常接近，但默认情况下它看起来像resizeMode：“Cover”只是放大了图像的中心，切断了我的重要内容

 <View style={{flex:1}}>
     <Image source={MY_IMAGE} 
        resizeMode="cover"
        style={{
          flex: 1.8,
          width: null,
          height: null
        }}
    />
    <View style={{ flex: 1 }}>
      //other content
    </View>
 </View>

---

是否有任何方法可以根据x:0，y:screenHeight这样的值来完成图像的大小调整，从而保持图像的左上角，并从右下角调整大小？

导入必要的软件包

import { StyleSheet, Image, Dimensions } from 'react-native';

你的img元素

<Image style={styles.images} resizeMode="stretch" source={{ uri: 'src here' }} />

---

尝试此操作，即使您旋转设备，图像宽度也将动态设置。

为什么不为图像设置动态（流体）宽度？如何设置？当我删除width:null时，图像会远离屏幕（看起来非常放大），变成一个巨大的尺寸（我猜它是px中的自然宽度），这会以非常类似的方式放大图像的中心。我会试着做一份世博会点心来表达我的意思。使用了我能在谷歌上找到的最好的例子图片。（左上部分应保持机智）使用此

resizeMode=“contain”

这将解决您在零食中尝试过的问题，并且效果良好！谢谢你的帮助，拉杰！我已经尝试过使用“contain”一词，但这不适合显示图像，它会在后面留下一个空白，对吗？图像需要覆盖整个容器。我更新了零食，使整个容器有一个蓝色的背景。如果工作正常，则不应显示蓝色背景：/这是最后一次尝试使用此

resizeMode=“stretch”

在新零食中工作！