react-navigation

1# React Navigation
2 
3## Overview
4 
5Guide for building navigation UIs with React Navigation.
6 
7This skill only applies to React Navigation 7. The API and patterns may not work with different versions.
8 
9## API Selection
10 
11React Navigation offers two API - object-based `Static API` and component-based `Dynamic API`.
12 
13- **Existing Apps**: Check the current navigation setup and follow the same API style when using the references
14- **New Apps**: If the app does not have an existing navigation setup yet, prefer `Static API`
15 
16## When to Apply
17 
18Reference this skill when:
19 
20- Building navigation UI patterns such as stacks, tabs, drawers, sheets etc.
21- Configuring headers and other built-in navigator UI
22- Handling safe areas and insets in navigation UI
23 
24## References
25 
26| File                                        | Description                    |
27| ------------------------------------------- | ------------------------------ |
28| [stacks.md][stacks]                         | Stack based navigation         |
29| [form-sheet.md][form-sheet]                 | Bottom sheet and form sheets   |
30| [bottom-tabs.md][bottom-tabs]               | Cross-platform bottom tabs     |
31| [native-bottom-tabs.md][native-bottom-tabs] | Native bottom tabs             |
32| [material-top-tabs.md][material-top-tabs]   | Swipeable Top tabs             |
33| [drawers.md][drawers]                       | Drawer navigation and sidebars |
34| [header.md][header]                         | Configuring headers            |
35…