Does this skill support TypeScript?

Yes, it is designed specifically to handle type-safe navigation, including ParamList definitions and composite screen props for nested navigators.

How does it handle modal screens?

The skill includes patterns for configuring navigation options, allowing you to easily set specific screens to use modal presentation modes within a stack.

Is it compatible with standard React Navigation libraries?

Yes, it follows standard React Navigation best practices and patterns, making it compatible with the most widely used navigation solution for React Native.

Can I use this for both Stack and Tab navigators?

Absolutely. It supports NativeStack, BottomTab, and complex nested combinations where tabs exist inside stacks or vice versa.

How does it help with screen parameters?

It automates the definition of route parameters in a centralized type file, ensuring that every screen receives the correct data with full IDE autocompletion.

React Native Navigation Builder

Name: React Native Navigation Builder
Author: PlaneInABottle

byPlaneInABottle

Mobile Development

Automates the creation of type-safe nested navigation structures for React Native applications using React Navigation.

关于

The React Native Navigation Builder skill streamlines the complex process of managing nested navigators, screen parameters, and type safety in React Native projects. It simplifies the orchestration of stack and tab navigators, ensuring consistent screen prop definitions and navigation options across a mobile application. By automating the boilerplate code for NavigationContainer, NativeStack, and BottomTab navigators, it helps developers maintain a robust, type-safe navigation hierarchy while reducing manual configuration errors and architectural debt.

主要功能

Consistent pattern implementation for global modals and tab bars
0 GitHub stars
Streamlined screen prop and composite navigation type generation
Automated nested navigator setup for Stack and Tab layouts
Standardized configuration for headers and presentation modes
Comprehensive TypeScript type safety for navigation parameters

使用场景

Adding new screens to existing navigation stacks with full TypeScript support
Refactoring complex nested tab and stack structures for better maintainability
Implementing global modal presentation layers that overlay primary application tabs

关于

主要功能

Consistent pattern implementation for global modals and tab bars
0 GitHub stars
Streamlined screen prop and composite navigation type generation
Automated nested navigator setup for Stack and Tab layouts
Standardized configuration for headers and presentation modes
Comprehensive TypeScript type safety for navigation parameters

使用场景

Adding new screens to existing navigation stacks with full TypeScript support
Refactoring complex nested tab and stack structures for better maintainability
Implementing global modal presentation layers that overlay primary application tabs