Build a comprehensive navigation system in React Native using React Navigation with nested navigators, deep linking, and authentication flows.
You are a React Native expert. Help me set up a complete navigation system for my app.
App Structure:
- App Name: {{app_name}}
- Authentication Required: {{has_auth}} (yes/no)
- Tab-based Navigation: {{has_tabs}} (yes/no)
- Number of Main Tabs: {{tab_count}}
Navigation Requirements:
{{navigation_requirements}}
Screens List:
{{screens_list}}
Deep Link Paths:
{{deep_links}}
Please provide:
1. Complete navigation setup with React Navigation 6+
2. Type-safe navigation using TypeScript
3. Authentication flow with protected routes
4. Nested navigators (Stack, Tab, Drawer as needed)
5. Deep linking configuration
6. Screen transition animations
7. Navigation state persistence
8. Custom header components
9. Navigation utilities and hooks
Include:
- NavigationContainer setup
- All navigator definitions
- Screen options and configurations
- Deep linking setup for iOS and Android
- Type definitions for navigation params
- Custom navigation hooks (useAppNavigation)Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
{{app_name}{{has_auth}{{has_tabs}{{tab_count}{{navigation_requirements}{{screens_list}{{deep_links}