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.