反应容器中的本机图像位置答案

【问题标题】：React Native Image Position in container反应容器中的本机图像位置
【发布时间】：2019-12-21 23:29:12
【问题描述】：

我正在尝试弄清楚如何在 React Native 的容器中精确定位图像。

现在我有左边的东西，我希望能够像右边的例子一样定位图像。（并且不证明中心作为我要显示的图像的一部分不一定是图像的中心）

为了更清楚，我想要的是能够重新定位正在显示的图像部分。（即：向右移动，但只占用相同的空间）

这里是小吃：snack.expo.io

【问题讨论】：

【解决方案1】：

所以...我确实发现如果我添加的话我可以得到我想要的结果：

宽度：'170%'

image:{
    flex: 1,
    height: '100%',
    width: '170%'
  },

我的假设是这会将图像拉伸，但它似乎只是重新定位它。我不确定为什么会这样。我认为会有更好的方法来解决这个问题，但我没有找到任何东西。

【讨论】：

【解决方案2】：

据我了解，您要查找的是resizeMode 属性。

resizeMode = "封面"

均匀缩放图像，使两者图像的尺寸将等于或大于视图的相应维度。

试试这个。请注意，我添加了resizeMode="cover"。

<Image style={styles.image} resizeMode="cover" source={{uri: 'https://www.gstatic.com/webp/gallery/1.jpg'}} />

【讨论】：

不幸的是，事实并非如此。设置 'resizeMode:cover' 与设置 'height:100%' 基本相同（至少在这种情况下它们的功能相同）。我想要的是能够重新定位正在显示的图像部分。