React native 如何在保持位置的同时放大图像?

React native 如何在保持位置的同时放大图像?,react-native,React Native,因此,我有一个比设备视口大得多的资源。我试图放大图像的一个特定部分。我遇到的问题是,图像一开始没有显示在屏幕上。我必须应用一个“translateY”和一个“scaleX,scaleY”值,以便使图像处于我想要的位置。我正在使用scaleXY放大,但图像无法保持该位置。我必须应用“translateX”并更改“translateY”值。最后,我得到了一个图像,它放大了,但似乎也上下弹跳。我试过控制时间和延迟,我几乎控制住了,但我觉得有更好的方法 以下是我目前的处理方式: import React

因此,我有一个比设备视口大得多的资源。我试图放大图像的一个特定部分。我遇到的问题是,图像一开始没有显示在屏幕上。我必须应用一个“translateY”和一个“scaleX,scaleY”值,以便使图像处于我想要的位置。我正在使用scaleXY放大,但图像无法保持该位置。我必须应用“translateX”并更改“translateY”值。最后,我得到了一个图像,它放大了,但似乎也上下弹跳。我试过控制时间和延迟,我几乎控制住了,但我觉得有更好的方法

以下是我目前的处理方式:

import React,{useffect,useRef}来自“React”;
从“react native”导入{Animated,Easing};
常量示例屏幕:React.FC=()=>{
const scales=useRef(新的动画值(0.15)).current;
const translateX=useRef(新的动画.Value(-350)).current;
const translateY=useRef(新的动画.Value(-18200)).current;
useffect(()=>{
动画。计时(比例{
toValue:0.4,
时长:3000,
useNativeDriver:没错,
放松,放松,放松,
}).start();
动画。计时(translateX{
toValue:-200,
时长:3000,
useNativeDriver:没错,
放松,放松,放松,
}).start();
动画。计时(translateY{
toValue:-8000,
时长:3000,
useNativeDriver:没错,
放松,放松,放松,
}).start();
},[scales,translateX,translateY]);
常量imageStyles={
转换:[
{scaleX:scales},
{scaleY:scales},
{translateX},
{translateY},
],
对齐自我:“中心”,
};
返回;
};
我对其他图书馆开放。我确实安装了redash和reanimated v1