Animated API

Motion tells users what just happened: a row slides in because it is new, a badge jumps because the cart changed. React Native 36,878 's built-in Animated library describes motion as a graph of values, animations and interpolations, built once in JavaScript and able to run frame by frame on the UI thread. LayoutAnimation and Easing sit beside it. Every demo is a screen in src/anim/ of the BookNest project, run on the Android 16 emulator with Expo SDK 57 6,418 (React Native 0.86.3); logs come from Metro's terminal. Reanimated and Gesture Handler moves on to Reanimated 11,010 , the library most large apps use for gesture-driven motion.

Subsections

• Animated.Value
• timing, spring and decay
• Composing Animations
• Interpolation
• Scroll-Linked Animation
• LayoutAnimation
• Easing
• InteractionManager
• Animated Components
• Animating BookNest