react-native-design

Define a ParamList type mapping each screen name to its params, then pass it to createNativeStackNavigator<RootStackParamList>(). Add a global ReactNavigation.RootParamList declaration to enable type-safe useNavigation hooks across the app.

Combine Gesture.Pan() from react-native-gesture-handler with useSharedValue and useAnimatedStyle from Reanimated. Update shared values in onUpdate callbacks and apply withSpring in onEnd so animations run on the UI thread at 60fps.

Yes, use the useColorScheme hook with a ThemeContext provider that switches between light and dark theme objects containing colors, spacing, and typography. Components read theme values via a useTheme hook for consistent styling.

Jank occurs when animations run on the JS thread instead of the UI thread. Move animations into Reanimated worklets, avoid inline style objects, memoize components with React.memo, and cancel animations in useEffect cleanup to prevent memory leaks.

Use Platform.select to apply iOS shadow properties (shadowColor, shadowOffset, shadowOpacity) versus Android elevation. Check Platform.OS for font families and status bar heights, and use useSafeAreaInsets for notched devices.