Gestures

Interactive, finger-driven motion comes from react-native-gesture-handler v2 (the Gesture builder API) feeding shared values, with Reanimated painting the result on the UI thread. This is the one place where hand-rolled shared values beat layout animations — there is no built-in for "follow my finger".

Setup

Wrap the app root once. Gestures silently do nothing without it.

// App root
import { GestureHandlerRootView } from 'react-native-gesture-handler';

export const App = () => {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      {/* … */}
    </GestureHandlerRootView>
  );
};