在React Native中创建一个动画有多种方式。

  1. 使用react-native包的Animated组件创建动画
  2. 使用react-native包的LayoutAnimation创建布局动画
  3. 使用Web API标准的requestAnimationFrame控制动画

以上是目前常用的几种在React Native中创建动画的方式,Animated动画可以进行nativeDriver加速,但是如果属性不支持,将会使用requestAnimationFrame实现计算。LayoutAnimation控制粒度不及Animated细。

本文主要来说说Animated.Value及Animated.ValueXY