Animations & Gestures

9 pages in this section.

Learn React Native animation basics with 10 examples. Understand when to use Animated API versus Reanimated for 60fps motion.

Basics Animations Gestures Animations

react-native-reanimated 4

Learn to use React Native Reanimated 4 for smooth UI-thread animations with shared values, useAnimatedStyle, and timing/spring helpers.

Animations Gestures React Native Reanimated

react-native-gesture-handler

Implement smooth pan, pinch, and multi-touch gestures in React Native with react-native-gesture-handler for 60fps performance.

Animations Gestures React Native Gesture

Layout Animations

Learn to implement declarative layout animations with Reanimated. Add entering, exiting, and layout change animations for lists and UI elements.

Animations Gestures Layout Animations

Worklets & Bundle Mode

Animations Gestures Worklets Bundle Mode

Shared Element Transitions

Animations Gestures Shared Element Transitions

Gesture Conflict Resolution

Animations Gestures Gesture Conflict Resolution

Animations Best Practices

Learn essential animation best practices for React Native. Discover how to install Reanimated, configure Babel, manage caches, and optimize performance.

Best Practices Summary Animations Gestures

Animations & Gestures Highlights Summary

A single-page roundup of every highlight bullet from the 8 pages in the Animations & Gestures section, grouped by source page so you can scan all 48 takeaways without opening each article individually.

Highlights Summary Animations Gestures

Animations & Gestures

Search Documentation

Animations & Gestures