上篇提到一个不完美的滚轮动画方案，详情见React-Native 纯ts代码实现滚轮选择器 —— 滚轮动画逻辑（二），其问题主要是复杂函数的补间动画难以实现，直接的动画计算又只支持基础运算，本篇将使用React-Native-Reanimated 动画框架来解决这个问题。

滚轮的动画效果涉及到高中数学的知识，主要为三角函数，指数函数，所以本章开头会先对这两类函数做简单的介绍，之后再讲滚轮动画的原理，最后为代码实现。

RN提供了两套动画系统

• Animated API
• LayoutAnimation

他们分别有不同的应用场景。本文DEMO可以从QDAnimatedDemo 获取

基础动画

Animated API 主要是用来将视图的属性值映射成动画值，然后通过控制该动画值的变化关系来赋予视图定制化的动画效果，比如正方块从顶部往下掉，