React native 如何使用react native reanimated以声明方式启动“spring”动画？

我有一个简单的

动画。视图

根据用户的手指移动，我的组件如下所示：

返回(

问题是，我想创建一个名为

scrollToPosition（位置，动画）

现在看起来是这样的：

scrollToPosition=（位置，动画=假）=>{
如果（动画）{
//托多：现在该怎么办？
}否则{
此.X.设定值（位置）；
}
}

，它可以在没有动画的情况下工作，但我现在的目标是添加一种方法来轻松地为值设置动画

如果我们在react native动画世界，我们会这样做：

Animated.spring（这个.X{
toValue:位置，
}).start（）；

但是我如何使用

react native reanimated

做同样的事情呢。 请不要浪费时间解释UI vs JS领域，我知道，我确实想利用在UI线程中运行动画的优势，我只是不知道如何在用户点击按钮后以声明方式运行此动画

---

感谢您在reanimated中使用Animated.spring，如果没有它，您应该将配置定义为不可用

const config = {
   damping: 15,
    mass: 1,
    stiffness: 150,
    overshootClamping: false,
    restSpeedThreshold: 0.001,
    restDisplacementThreshold: 0.001,
}

Animated.spring(this.X, {
    toValue: position,
    ...config
}).start();