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.

主な機能

Type-safe navigation using TypeScript ParamLists and global declarations
Advanced deep linking configuration for universal and custom URL schemes
Comprehensive setup for Stack, Bottom Tab, and Drawer navigators
Custom UI components for headers and tab bars with dynamic updates
Authentication flow patterns and navigation guard implementation
72 GitHub stars

ユースケース

Implementing secure, state-based routing for login and user onboarding flows
Building multi-screen mobile apps with nested navigation and complex hierarchies
Enabling deep link support to route users directly to specific app content

概要

主な機能

Type-safe navigation using TypeScript ParamLists and global declarations
Advanced deep linking configuration for universal and custom URL schemes
Comprehensive setup for Stack, Bottom Tab, and Drawer navigators
Custom UI components for headers and tab bars with dynamic updates
Authentication flow patterns and navigation guard implementation
72 GitHub stars

ユースケース

Implementing secure, state-based routing for login and user onboarding flows
Building multi-screen mobile apps with nested navigation and complex hierarchies
Enabling deep link support to route users directly to specific app content