Generate React Native screens with navigation, styling, and platform handling
Create React Native screen template for:
Screen Name: {{SCREEN_NAME}}
Screen Type: {{SCREEN_TYPE}} (list/detail/form/dashboard)
Navigation: {{NAVIGATION}} (React Navigation/Expo Router)
State: {{STATE_MANAGEMENT}}
Generate complete screen structure:
1. **Screen Component:**
- TypeScript with navigation types
- Screen options configuration
- Safe area handling
- Platform-specific code
- Orientation handling
2. **Navigation Integration:**
- Stack screen setup
- Tab integration
- Deep linking params
- Navigation options
- Header customization
3. **Layout Patterns:**
- ScrollView/FlatList usage
- KeyboardAvoidingView
- Platform-specific layouts
- Responsive design
4. **Styling:**
- StyleSheet creation
- Theme integration
- Dark mode support
- Platform-specific styles
- Dimension handling
5. **Data Fetching:**
- API integration
- Loading states
- Error handling
- Pull to refresh
- Pagination
6. **Forms (if applicable):**
- Input handling
- Validation
- Keyboard management
- Form submission
7. **Native Features:**
- Permissions handling
- Native module integration
- Device features access
8. **Testing:**
- Component tests
- Navigation tests
- Detox e2e setup
Include accessibility (a11y) patterns.Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{SCREEN_NAME][{SCREEN_TYPE][{NAVIGATION][{STATE_MANAGEMENT]