React-Native和SVG动画

Question

在我的使用react-native-svg绘制的React Native App中，我有一个简单的图表，我想知道什么是最动画的图表解决方案。 在标准的Web React应用程序中，我将仅使用css-transitions，但在react-native中，我已经阅读了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对其进行更新？

最好！