Agent skill · software engineering · aiskillstore
rn-navigation
Expo Router navigation patterns for React Native. Use when implementing navigation, routing, deep links, tab bars, modals, or handling navigation state in Expo apps.
Why this skill is useful
Provides specific navigation patterns and routing techniques for Expo Router in React Native that are not widely known.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
React Native Navigation (Expo Router) File-Based Routing Fundamentals Expo Router uses file-system based routing. Files in app/ become routes. Route Structure Layout Groups (groupName) Parentheses create layout groups - they affect layout hierarchy but not URL: Dynamic Routes [param] Catch-All Routes [...slug] Navigation Patterns Programmatic Navigation Link Component Stack Navigation Dynamic Header Options Modals Deep Linking Configure scheme in app.json Test deep links Universal Links (iOS) 1. Add associatedDomains to app.json 2. Host apple-app-site-association file at https://yourdomain.com/.well-known/apple-app-site-association: Handle incoming links Common Patterns Auth-Protected Routes See rn-auth skill for full auth context pattern. Key navigation piece: Preventing Back Navigation Passing Data Between Screens Debugging Navigation Log current route Common issues Issue Solution ------- ---------- Screen not found Check file name matches route, check layout.tsx includes screen Tabs not showing Ensure tab screens are direct children of tab layout.tsx Back button missing Check headerShown in parent and child layouts Deep link not working Verify scheme in app.json, test with uri-scheme CLI Params undefined Use useLocalSearchParams not useSearchParams
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/rn-navigation