expo-router

Implement Expo Router file-based routing with typed routes for cross-platform navigation.

Updated Jan 15, 2026
One-click install
npx skills add https://github.com/estebandrg/liftera --skill expo-router
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: expo-router
Source: https://github.com/estebandrg/liftera/tree/main/skills/expo-router
Command: npx skills add https://github.com/estebandrg/liftera --skill expo-router

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers building Liftera mobile apps struggle with implementing robust, cross-platform navigation. Expo Router provides a file-based routing approach that works across Android, iOS, and web, simplifying routes, layouts, and deep linking.

Core Features & Use Cases

  • File-based routing: Map files under app/ to routes automatically.
  • Universal navigation: Consistent navigation patterns across web and native.
  • Layouts, tabs, and modals: Compose complex navigations with reusable layouts.
  • Typed routes: Benefit from TypeScript-validated route definitions.
  • Deep linking: Enable URL-like navigation for testing and sharing routes.
  • Use case: Build onboarding flows, settings stacks, and profile screens with minimal boilerplate.

Quick Start

Install Expo Router in your Liftera mobile project, create sample routes under app/ (e.g., app/home.tsx, app/profile.tsx), and start the Expo dev server to try out navigation.

Frequently Asked Questions about expo-router

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement file-based routing in a React Native app?▼

You implement file-based routing by creating files under the app/ directory, where each file automatically maps to a corresponding route, simplifying screen creation and navigation structure.

Can I use Expo Router for universal navigation across web and native?▼

Yes, Expo Router provides universal navigation that ensures consistent routing patterns work across Android, iOS, and web, allowing you to maintain a single file-based routing structure for cross-platform apps.

How do I create complex layouts, tabs, and modals in React Native navigation?▼

You create complex layouts, tabs, and modals by composing reusable layout files within your app/ directory, enabling the construction of onboarding flows, settings stacks, and profile screens with minimal boilerplate.

Does Expo Router support typed routes with TypeScript validation?▼

Yes, Expo Router supports typed routes, providing TypeScript-validated route definitions that help catch navigation errors during development rather than at runtime.

How do I enable deep linking for URL-like navigation in a React Native app?▼

Expo Router enables deep linking natively through its file-based routing structure, allowing you to use URL-like navigation for testing and sharing routes directly across web and mobile platforms.

What is the best way to build cross-platform navigation without manual route configuration?▼

Using a file-based routing approach is the best way to avoid manual route configuration, as it automatically maps your file structure to routes, supporting universal navigation and deep linking across platforms.