animate-expo

Use Gesture.Pan with a shared value for translateY, capture the current position in onStart, and decide dismissal with momentum projection rather than distance alone. Hand the release velocity to withSpring so the animation continues seamlessly from the finger.

Reanimated is required for anything a finger touches because its worklets run on the UI thread and keep running while JS is busy. Core Animated cannot be driven by a gesture without crossing the bridge, and useNativeDriver only supports transform and opacity.

Stutter usually comes from calling setState in gesture or scroll handlers, scheduling back to the RN runtime per frame, or animating layout properties like height and width. Move values into shared values with useAnimatedStyle and animate only transform and opacity.

Use a spring whenever a finger was involved, because springs carry velocity through interruptions while timing curves restart. Everything else uses timing with a strong ease-out bezier such as Easing.bezier(0.23, 1, 0.32, 1).

Use react-native-keyboard-controller with a KeyboardProvider at the root and the useReanimatedKeyboardAnimation hook, which tracks the keyboard's real position frame by frame on the UI thread. Never build this from Keyboard.addListener plus a timing animation, which visibly lags.

Skip animation for interactions happening 100+ times a day like tab switches, keyboard open/close, and scrolling, and keep frequent actions like press feedback under 150ms. Tab switches should use animation: 'none' since sliding implies hierarchy that does not exist.