react-native-patterns - React Native component and interaction patterns guidelines
Provides React Native component and interaction patterns covering Pressable, FlashList, bottom sheets, accessibility, expo-image, and Expo Router navigation.
Tags
Updated: 2026-09-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Implement Pressable touch targets
- Wrap strings in Text components
- Configure ScrollView containers
- Render performant FlashList components
- Build bottom sheet modals
- Display images with expo-image
- Configure accessibility properties
- Build chat-forward UI components
- Navigate with Expo Router
Inputs
- React Native code files
- Interactive screen designs
- Component specifications
Outputs
- React Native components
- UI layout configurations
- Accessibility attributes
- Navigation code
Requirements
- React Native environment
- Expo Router framework
- @gorhom/bottom-sheet library
- expo-image package
- FlashList package