javascript - 如何在 react-native-reanimated 中聆听值(value)变化？

Question

我用 Animated 创建了一个简单的动画来自 react-native与 react-native-svg .

这很好地完成了工作，

但现在我切换到 react-native-reanimated因为我在他们的网站上看到，reanimated 比 Animated 快来自 react-native .

但是在这里我遇到了一个问题，那就是我找不到函数addListener听值变化。

带有 Animated 的代码来自 react-native :

const circleRadius = new Animated.value(100);

circleRadius.addListener( circleRadius => {
       circleSVG.current.setNativeProps({ cx: circleRadius.value.toString() });
});

如何在上面实现 addListener 中的函数react-native-reanimated ?

Answer 1

您可以使用 Animated.call 实现类似的行为. Here是关于这个主题的一个很好的教程。

编辑:

例如，收听 circleRadius更改，您可以使用以下代码:

  import { call, useCode } from 'react-native-reanimated'

  useCode(() => {
    return call([circleRadius], (circleRadius) => {
      console.log(circleRadius)
    })
  }, [circleRadius])

它做你想做的事吗？