Agent-skills-standard react-native-navigation

Set up navigation stacks and deep linking with React Navigation in React Native. Use when setting up navigation stacks or deep linking in React Native with React Navigation. (triggers: **/App.tsx, **/*Navigator.tsx, **/*Screen.tsx, NavigationContainer, createStackNavigator, createBottomTabNavigator, linking, deep link)

install

source · Clone the upstream repo

git clone https://github.com/HoangNguyen0403/agent-skills-standard

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/react-native/react-native-navigation" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-react-native-navigation && rm -rf "$T"

manifest: skills/react-native/react-native-navigation/SKILL.md

source content

React Native Navigation

Priority: P1 (OPERATIONAL)

Configure Type-Safe Navigation

Library: Use
```
@react-navigation/native-stack
```
for native performance.
Type Safety: Define
```
RootStackParamList
```
for all navigators.
Deep Links: Configure
```
linking
```
prop in
```
NavigationContainer
```
.
Validation: Validate route parameters (
```
route.params
```
) before fetching data.

See routing patterns for type-safe stack setup and deep linking configuration.

Anti-Patterns

No Untyped Navigation:
```
navigation.navigate('Unknown')
```
leads to errors. Use typed params.
No Manual URL Parsing: Use
```
linking.config
```
, not manual string parsing.
No Unvalidated Deep Links: Handle invalid IDs gracefully (e.g., redirect to Home/404).

References

See references/routing-patterns.md for typed param lists and deep linking config.