Как прослушать изменение значения в реакции-родной-реанимированной?

Question

Я создал простую анимацию с Animated из react-native с react-native-svg.

Это хорошо работает,

Но теперь я переключился на react-native-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. Здесь - хорошее руководство по теме.

Отредактировано:

Например, чтобы прослушать circleRadius изменения, вы можете использовать этот код:

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

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

Делает ли он то, что вы хотите?