An old dog learns code

RN Animated API使用

March 29, 2018


RN 也用了小一段时间了,之前都着重实现功能+赶工期,交互体验方面基本无暇顾及。
最近项目周期不算太紧,于是小小试验了一下 Animated 的 API,模拟器上的效果还不错。 简单记录一下 API 的内容,以后备查: ---先挖坑,以后再填---

  1. 组件
  2. 自带的有Animated.View, Animated.Image, Animated.Text
    一般用上面的基本就足够了,或者基于上面 3 个自行封装新的动画组件
  3. 还可以用createAnimatedComponent()方法创建自定义的动画组件
    用过方法包装自己封装的扩展button组件,动画效果没出来,不知道是不是因为自己的button用了其他非Animated组件的原因
  4. API
  5. timing
  6. spring
  7. interpolate
  8. 单个动画实现
  9. 组合动画实现