What problem does it solve? Building screens and wiring up navigation in a React Native app with Expo Router involves many conventions—file-based routes, dynamic segments, nested layouts, deep links, and auth guards—that are easy to get wrong or inconsistent across a codebase. ## Core Features & Use Cases - File-Based Routing Conventions: Defines the route structure for tabs, nested stacks, dynamic segments like [id].tsx, and standalone flows such as payment and auth. - Navigation Patterns: Provides ready-to-use patterns for router.push with params, useLocalSearchParams, route guards, deep linking, and stack resets on logout. - Performance Optimization: Covers pre-mounting screens with GhostMount, predictive data prefetching, loading overlays, and shared element transitions. - Use Case: When adding a new product detail screen, follow the documented pattern to create app/(tabs)/menu/product/[id].tsx, read the id via useLocalSearchParams, and navigate with router.push using typed params. ## Quick Start Ask the assistant to add a new screen with a dynamic route and navigation from an existing list, following the project's Expo Router conventions.
