Does it support conditional routing for authentication?

Yes, it includes standard patterns for authentication flows, showing different screen stacks based on the user's sign-in status.

Is the navigation code type-safe?

Yes, the skill prioritizes TypeScript integration, utilizing ParamLists and NativeStackScreenProps to ensure all routes and parameters are fully typed.

Can I use this for complex deep linking?

Absolutely. It provides configuration patterns for prefixes and screen mapping to handle both custom URI schemes and universal links.

Which navigation library does this skill support?

This skill is specifically designed for React Navigation, the de facto standard navigation library for the React Native ecosystem.

How does it handle UI customization?

The skill covers header customization, dynamic header options set from within screens, and the implementation of completely custom tab bars.

React Native Navigation

Name: React Native Navigation
Author: TheBushidoCollective

byTheBushidoCollective

•

Mobile Development

Implements professional navigation patterns in React Native applications using React Navigation with full type-safety and industry best practices.

This skill equips Claude with specialized knowledge to architect and implement robust navigation structures in React Native apps using the React Navigation library. It covers everything from basic stack and tab configurations to complex nested navigators, deep linking, and authentication-gated routing. By focusing on TypeScript integration and professional implementation patterns, it ensures mobile applications maintain high performance and type-safe routing throughout the development lifecycle.

主な機能

01Type-safe navigation using TypeScript ParamLists and global declarations

02Advanced deep linking configuration for universal and custom URL schemes

03Comprehensive setup for Stack, Bottom Tab, and Drawer navigators

04Custom UI components for headers and tab bars with dynamic updates

05Authentication flow patterns and navigation guard implementation

0672 GitHub stars

ユースケース

01Implementing secure, state-based routing for login and user onboarding flows

02Building multi-screen mobile apps with nested navigation and complex hierarchies

03Enabling deep link support to route users directly to specific app content

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thebushidocollective/han react-native-navigation

For use in Claude.ai and ChatGPT

Download Skill