expo-navigation

Manages Expo Router routes, layouts, and tab groups in applications.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/addisualemu/basic_expo --skill expo-navigation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: expo-navigation
Source: https://github.com/addisualemu/basic_expo/tree/main/generator/.cursor/skills/expo-navigation
Command: npx skills add https://github.com/addisualemu/basic_expo --skill expo-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of adding, editing, and organizing routes, layouts, and tab groups within an Expo Router application, ensuring a consistent and maintainable navigation structure.

Core Features & Use Cases

  • Route Creation: Easily add new screens by defining their file paths and corresponding URLs.
  • Tab Navigation: Configure tab bar layouts and add new tabs with options for titles.
  • Route Grouping: Organize routes into logical groups (e.g., authentication, main app) using parentheses in directory names.
  • Layout Management: Define custom layouts for route segments using _layout.tsx files.
  • Use Case: You need to add a new "Profile" screen to your Expo app that should be accessible via a tab. This Skill can create the app/tabs/profile.tsx file and update app/tabs/_layout.tsx to include the new tab.

Quick Start

Add a new screen named 'settings' to the '(tabs)' group in the app directory.

Frequently Asked Questions about expo-navigation

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

FAQPage Schema
How do I add a new screen to an Expo Router application?

To add a new screen in Expo Router, you create a file in the `app/` directory where its path maps to the URL. This Skill manages creating screen files and updating corresponding `_layout.tsx` configurations.

How do I configure tab navigation in Expo Router?

Configuring tab navigation in Expo Router involves defining a tab bar layout and adding tabs within a `_layout.tsx` file. This Skill facilitates setting up tab bar configurations and adding tabs with custom titles.

What is route grouping in Expo Router and when should I use it?

Route grouping in Expo Router organizes routes into logical collections like authentication or main app sections using parentheses in directory names. This Skill helps implement these grouping strategies to maintain a consistent navigation structure.

How do I define custom layouts for route segments in my Expo app?

Defining custom layouts for route segments in an Expo app is done using `_layout.tsx` files. This Skill manages the creation and modification of these layout files to ensure a maintainable navigation structure.

Does this Expo Router management approach require specific dependencies?

No specific dependencies are required to use this Skill for managing Expo Router routes. It works directly within your existing Expo application environment to map URL paths and define layouts based on the `app/` directory conventions.