React Native Navigation Builder

This skill helps create and maintain the navigation structure of the Fitness Tracker App, ensuring type safety and consistency across nested navigators.

When to Use This Skill

Use this skill when you need to:

• Add a new screen to the AppStack or MainTabs
• Create a new nested navigator (e.g., a sub-stack or tabs)
• Define navigation types for new routes
• Set up screen props for components
• Configure navigation options (headers, tab bar, presentation modes)

Navigation Structure

The app uses a nested navigation structure:

1. AppNavigator: The top-level NavigationContainer.
2. AppStack: A NativeStack containing global screens (Welcome, Legal, Modals) and the MainTabs.
3. MainTabs: A BottomTab navigator for the primary app features (Home, Capture, Map, Profile).