react-native-design

Build performant React Native UIs by applying reusable patterns for styling, layout, and animations. This skill provides comprehensive guides covering Flexbox layouts and Reanimated 3 to create native-like user experiences without UI jank.

Set up Stack, Tab, and Drawer navigation in React Native using React Navigation patterns. This skill provides reusable structures to manage screen transitions and intuitive navigators for cross-platform mobile applications.

Create complex Flexbox layouts and dynamic styles for mobile development using StyleSheet. This skill covers platform-specific design patterns to ensure consistent rendering and high-quality user interfaces across devices.

Yes, you can use Reanimated 3 and Gesture Handler for advanced UI interactions in React Native. This skill provides reusable patterns to implement smooth, performant animations and engaging gestures for a polished user experience.

Yes, this React Native UI design guide fully supports cross-platform mobile applications. It addresses the need for building performant apps with consistent styling, intuitive navigation, and native-like user experiences across different platforms.

Add a press animation to a React Native component like an ItemCard by following the skill's Quick Start guide. It demonstrates building an image and title component while applying performant Reanimated 3 interactions.