react-native-navigation-builder
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
AppStackorMainTabs - 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:
- AppNavigator: The top-level
NavigationContainer. - AppStack: A
NativeStackcontaining global screens (Welcome, Legal, Modals) and theMainTabs. - MainTabs: A
BottomTabnavigator for the primary app features (Home, Capture, Map, Profile).
More from planeinabottle/fitnessmobileapp
mobx-state-tree-store-builder
Automates creation of MobX State Tree stores following Fitness Tracker App patterns for domain models, collections, and root store integration. Use when creating new MST stores, models, or extending existing store functionality with proper TypeScript typing, actions, views, and integration patterns.
14react-native-i18n-workflow
Manages internationalization strings and translation workflows using i18next and react-i18next. Use when adding new text, supporting additional languages, or implementing pluralization and interpolation in Fitness Tracker App.
4react-native-storage-manager
Handles MMKV storage operations and data persistence patterns with encryption. Use when implementing data persistence, caching, or user preferences in Fitness Tracker App.
4react-native-testing-patterns
Implements testing strategies for React Native components, MST stores, and services using Jest, React Testing Library, and Maestro. Use when writing unit, integration, or E2E tests in Fitness Tracker App.
3