React-Native和SVG动画

时间:2018-09-26 09:21:28

标签: javascript reactjs react-native svg react-native-svg

在我的使用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中的heightSvg.Recty中的Svg.Circle制作动画

是否只能通过将实际的y保持在某个组件状态并使用Animated对其进行更新?

最好!

0 个答案:

没有答案