All skills
Skillintermediate
create screen
Create a React Native screen with navigation, layout, and platform-specific handling.
Claude Code Knowledge Pack7/10/2026
Overview
Create a React Native screen with navigation, layout, and platform-specific handling.
Steps
- Define the screen requirements:
- Set up the screen file:
- Build the layout:
- Add data fetching:
- Add navigation:
- Test on both iOS and Android simulators.
- Handle keyboard avoidance for forms.
Format
Screen: <name>
Navigator: <stack|tab|drawer>
Data:
Platform Handling: <iOS/Android differences>
Rules
- Always use SafeAreaView for screens that touch screen edges.
- Handle both iOS and Android keyboard behavior.
- Use FlatList over ScrollView for long lists (performance).