Как реагирует родная весна?

Question

Реактивная пружина

поставляется с функцией animated, которая позволяет модифицировать компоненты без необходимости повторной визуализации компонента. Я обнаружил, что у анимированных компонентов есть пара методов, которые похожи на реагируют на анимированные компоненты натива . Есть ли какая-то связь между этими двумя понятиями или понятия типа .interpolate() очень распространены для библиотек анимации?

Answer 1

Библиотека изначально была ветвью Animated и по-прежнему имеет много внутреннего сходства.У Christopher Chedeau's Animated есть репозиторий, предназначенный для Интернета: https://github.com/animatedjs/animated К сожалению, он больше не поддерживается.

Принцип работы заключается в том, что компоненты упаковываются через createAnimatedComponent (который отображается как «анимированный»).): https://github.com/react-spring/react-spring/blob/master/src/animated/createAnimatedComponent.tsx

Этот компонент более высокого порядка перехватывает стили и атрибуты (которые являются не необработанными значениями, а самообновляющимися классами).Он вызывает «applyAnimatedValues» для записи в цель вне React.Каждая цель (дом, натив, конва, три и т. Д.) Должна заполнить ее.Например, вот как дом применяет эти реквизиты: https://github.com/react-spring/react-spring/blob/master/src/targets/web/globals.ts#L82-L127

Надеюсь, это поможет!