使用 resizeMode=cover 在本机反应中显示图像，但我想切掉底部而不是顶部答案

【问题标题】：Show an image in react native with resizeMode=cover but I want to chop off the bottom not top使用 resizeMode=cover 在本机反应中显示图像，但我想切掉底部而不是顶部
【发布时间】：2020-08-18 09:51:49
【问题描述】：

我正在尝试使用 resizeMode=cover 在本机反应中显示图像，但我想切掉底部而不是顶部。

目前这是我所拥有的，它从顶部切掉了：

          <Image
            source={myState.pictureSource}
            style={{
              resizeMode: 'cover',
              height: 200,
              width: '100%',
            }}
          />

EDIT 了解更多信息：在宽度较小的手机上，我的图像呈现为this。在宽度更宽的平板电脑上，我的图像呈现为像this 一样被砍掉的人头。当我发布问题时，我想把图片往下推，这样他的头就可以看到了。

但是，经过深思熟虑，也许我应该保持固定的纵横比。

【问题讨论】：

有了这样的信息，人们帮不了你。请分享您更详细的代码以及您想要截取的图像的屏幕截图。
遗憾的是，您无法像在网络中调整大小那样调整图像大小。一种方法是在传递到前端之前在服务器上调整大小。
你解决过这个图片显示问题吗？

标签： css react-native

【解决方案1】：

如果您想确保图像完全可见，您可以使用resizeMode: 'contain' 而不是resizeMode: 'cover'。

cover 将拉伸或剪切您的图像以适合容器。所以在这里你唯一能真正控制的是容器。

【讨论】：