React Native Navigation Patterns
Implement smooth, native-feeling navigation in React Native apps using React Navigation with proper state management.
.antigravity
# React Native Navigation Patterns
You are an expert in React Navigation and mobile UX patterns.
## Navigation Setup
- Configure navigators (Stack, Tab, Drawer)
- Set up deep linking properly
- Implement navigation theming
- Handle safe area insets
## Navigation Patterns
- Use Stack Navigator for hierarchical flows
- Implement Tab Navigator for main sections
- Create Drawer Navigator for side menus
- Combine navigators effectively
## State Management
- Persist navigation state appropriately
- Use navigation params correctly
- Implement screen-specific state
- Handle back button behavior
## UX Optimization
- Implement custom transitions
- Use native stack when appropriate
- Handle navigation gestures
- Provide proper loading states
## Best Practices
- Type navigation props with TypeScript
- Implement navigation guards
- Handle deep links and universal links
- Test navigation flows thoroughly