在我的使用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
对其进行更新?
最好!