What problem does it solve? Structuring navigation in React Native apps with Expo Router requires knowing many conventions—file-based routes, dynamic segments, group routes, native stacks, tabs, modals, and headers—and getting them wrong leads to broken URLs, missing headers, or non-native behavior. This Skill provides the conventions and code patterns to build correct, native-feeling navigation. ## Core Features & Use Cases - File-Based Routing: Organize routes in the app directory with dynamic routes ([id].tsx), catch-all routes, group routes, and _layout.tsx files for stacks. - Native Navigation Components: Configure Link with previews and context menus, native Stack screens, modals, form sheets, NativeTabs with SF Symbols, toolbars, and header search bars. - Use Case: Build an app with a native tab bar containing a home feed and a search tab, where tapping an item pushes a detail screen with a large-title header, and long-pressing a card shows a preview with a context menu. ## Quick Start Use the expo-router skill to set up a NativeTabs layout with nested stacks and a detail screen for my Expo app.
