React-Native и SVG анимация - PullRequest
Новая
       15

React-Native и SVG анимация

0 голосов
/ 26 сентября 2018

В моем React Native App нарисован простой график, подобный react-native-svg, и мне интересно, какое самое чистое решение для анимации этой диаграммы.В стандартном веб-приложении React я бы использовал css-transitions, но в реагирующем нативе я читал о Animated и других решениях, но все выглядит как накладные расходы.

Код для рисования панели прост, просто: 

 <Svg.G key={index} x={x - 1}>
  <Svg.Rect x={0} y={height - y} width={2} height={y} fill={GREEN_COLOR} />
  <Svg.Circle cx={1} cy={height - y} r="4" stroke="rgba(85, 198, 103, 0.8)" strokeWidth="2" fill="white" />
</Svg.G>

И все, что мне нужно, это анимировать y и height в Svg.Rect и y в Svg.Circle

Возможно ли это только при сохранении действительногоy в некотором состоянии компонента и его обновление с использованием Animated?

Best!

...