react-native – React Native Image Position

发布时间：2020-12-15 16:16:29 所属栏目：百科来源：网络整理

导读：有没有办法如何控制图像位置resizeMode设置为覆盖？我正在寻找类似的结果,可以通过在传统CSS中使用background-positon：center bottom来实现. 以下是对情况的说明：与屏幕尺寸相同的图像具有自定义高度的图像,图片居中 (所需)具有自定义高度的图像,但图片

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

以下是对情况的说明：

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

enter image description here

我的代码：

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

解决方法

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!