Я создаю простую анимацию, используя реанимированную нативную реакцию, но не могу получить доступ к числовому значению Реанимированного значения.
Я использую круговую диаграмму нативной победы и хочу сделать простой эффект, исходя из угла поворотаОт 0 до 360, но я попробовал анимированный API с реагирующей нитью, он хорошо работает с добавлением прослушивателя, но я хочу использовать реанимированный для повышения производительности
эффект анимации, который я ищу, диаграмма начинается с 0 до 360
работает правильно с реагирующим нативным API-интерфейсом:
const Chart = props => {
const { data, width, height } = props;
const endAngleAnimatedValue = new Value(0);
const [endAngle, setEndAngle] = useState(0);
const runTiming = Animated.timing(endAngleAnimatedValue, {
duration: 1000,
to: 360
});
useEffect(() => {
endAngleAnimatedValue.addListener(_endAngle => setEndAngle(_endAngle));
runTiming.start();
return () => {
endAngleAnimatedValue.removeAllListeners();
};
}, [endAngleAnimatedValue]);
return (
<VictoryPie
data={data}
width={width}
height={height}
padding={0}
startAngle={0}
endAngle={endAngle}
style={{
data: {
fill: ({ datum }) => datum.fill,
fillOpacity: 0.7
}
}}
/>
);
};
Как добиться желаемого результата при реанимировании?