react-native – React Native Image Position

有没有办法如何控制图像位置resizeMode设置为覆盖？我正在寻找类似的结果,可以通过在传统CSS中使用background-positon：center bottom来实现.

以下是对情况的说明：

>与屏幕尺寸相同的图像
>具有自定义高度的图像,图片居中
>(所需)具有自定义高度的图像,但图片与元素的下边缘对齐

我的代码：

<图像
    源= {要求( ‘./ eifell.jpg’)}
    resizeMode = {Image.resizeMode.cover}
    风格= {{
        身高：300
    }}
/>

我相信你必须通过在图像样式上使用变换道具并利用translateY变换来实现这一点.

这将涉及一些小数学……我认为你需要按照以下步骤进行：

>使用Image.getSize()查找图像的尺寸>然后根据Dimensions.get(‘window’)窗口的大小计算图像缩放到的像素数.>找出显示的高度(例如667px)与所需的图像高度(示例中为300px)之间的差异>然后将图像翻译成许多像素.