Expo Router

Overview

File-based routing for React Native using Expo Router 6.x. Maps file system structure in the app/ directory to navigation screens. Supports Stack and Tab navigators, route groups, dynamic parameters, and nested layouts.

Install: Included with Expo SDK 54+. Ensure expo-router is in dependencies.

Workflows

Setting up routing:

1. Create app/_layout.tsx as root layout (providers, global chrome)
2. Create route group directories: app/(demo)/, app/(auth)/
3. Add _layout.tsx in each group for group-specific navigation
4. Add index.tsx for default screens
5. Add [param].tsx for dynamic routes
6. Add +not-found.tsx for 404 handling