React Native Navigation Patterns

Implement smooth, native-feeling navigation in React Native apps using React Navigation with proper state management.

React NativeNavigationMobileUX
by Community
.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