expo-router

Manage file-based navigation for Expo applications using Expo Router.

1|Updated Oct 19, 2023
One-click install
npx skills add https://github.com/fyndx/coinx --skill expo-router-fyndx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-router
Source: https://github.com/fyndx/coinx/tree/main/skills/expo-router
Command: npx skills add https://github.com/fyndx/coinx --skill expo-router-fyndx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill simplifies navigation within Expo applications by implementing a file-based routing system, making it easier to manage screens, handle navigation logic, and pass data between them.

Core Features & Use Cases

  • File-Based Routing: Automatically generates routes based on the file structure in the app/ directory.
  • Navigation: Supports imperative (programmatic) and declarative (link-based) navigation.
  • Route Parameters: Handles dynamic routes and query parameters for flexible data passing.
  • Layouts: Enables creation of root and tab layouts for consistent UI structure.
  • Use Case: Quickly set up a new screen for user profiles that accepts a user ID in the URL, like /users/123, and displays the user's details.

Quick Start

Use the expo-router skill to create a new screen at the path app/users/[id].tsx that displays the user ID.

Frequently Asked Questions about expo-router

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

FAQPage Schema
How do I set up file-based routing in Expo apps?

File-based routing in Expo apps is set up by creating files in the `app/` directory, which automatically generates routes to manage screens and handle navigation logic.

How do I pass parameters through dynamic routes in React Native?

Pass parameters through dynamic routes in React Native by defining dynamic route files and query parameters, allowing flexible data passing between screens.

What is the best way to structure layouts for consistent UI in Expo Router?

The best way to structure layouts for consistent UI in Expo Router is by creating root and tab layouts within the `app/` directory structure.

Does Expo Router support programmatic navigation in React Native?

Yes, Expo Router supports programmatic navigation in React Native by facilitating both imperative navigation and declarative link-based navigation.

Can I create a dynamic user profile screen that accepts an ID in Expo?

Yes, you can create a dynamic user profile screen in Expo by setting up a file at `app/users/[id].tsx` to accept a user ID in the URL and display user details.