mobile-navigation
3
总安装量
1
周安装量
#61711
全站排名
安装命令
npx skills add https://github.com/vanman2024/ai-dev-marketplace --skill mobile-navigation
Agent 安装分布
amp
1
opencode
1
kimi-cli
1
codex
1
github-copilot
1
claude-code
1
Skill 文档
Mobile Navigation
Comprehensive skill for implementing navigation in React Native/Expo apps.
Overview
React Navigation provides flexible navigation for mobile:
- Stack, Tab, and Drawer navigators
- Deep linking and universal links
- Type-safe navigation with TypeScript
- Authentication flow handling
Use When
This skill is automatically invoked when:
- Setting up app navigation structure
- Implementing authentication flows
- Configuring deep linking
- Building complex nested navigators
Available Scripts
| Script | Description |
|---|---|
scripts/setup-navigation.sh |
Install navigation dependencies |
scripts/generate-types.sh |
Generate TypeScript navigation types |
Available Templates
| Template | Description |
|---|---|
templates/root-layout.tsx |
Root layout with auth flow |
templates/tabs-layout.tsx |
Tab navigator layout |
templates/navigation-types.ts |
TypeScript type definitions |
templates/linking-config.ts |
Deep linking configuration |
Navigation Structure
app/
âââ _layout.tsx # Root (auth check)
âââ (tabs)/
â âââ _layout.tsx # Tab navigator
â âââ index.tsx # Home tab
â âââ profile.tsx # Profile tab
âââ auth/
â âââ login.tsx
â âââ register.tsx
âââ [id].tsx # Dynamic route
Best Practices
- Use expo-router for file-based routing
- Keep navigation types in dedicated file
- Implement auth at root level
- Configure deep links for both schemes