Как получить числовое значение из Reanmited Value? - PullRequest
0 голосов
/ 08 ноября 2019

Я создаю простую анимацию, используя реанимированную нативную реакцию, но не могу получить доступ к числовому значению Реанимированного значения.

Я использую круговую диаграмму нативной победы и хочу сделать простой эффект, исходя из угла поворотаОт 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
        }
      }}
    />
  );
};

Как добиться желаемого результата при реанимировании?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...