# React Navigation 3.x

> Routing and navigation for your React Native apps.

## Documentation

### Fundamentals

- [Getting started](https://reactnavigation.org/docs/3.x/getting-started)
- [Hello React Navigation](https://reactnavigation.org/docs/3.x/hello-react-navigation)
- [Supported React Native versions](https://reactnavigation.org/docs/3.x/supported-react-native-versions)
- [Moving between screens](https://reactnavigation.org/docs/3.x/navigating)
- [Navigation lifecycle](https://reactnavigation.org/docs/3.x/navigation-lifecycle)
- [Passing parameters to routes](https://reactnavigation.org/docs/3.x/params)
- [Configuring the header bar](https://reactnavigation.org/docs/3.x/headers)
- [Header buttons](https://reactnavigation.org/docs/3.x/header-buttons)
- [App containers](https://reactnavigation.org/docs/3.x/app-containers)
- [Opening a full-screen modal](https://reactnavigation.org/docs/3.x/modal)
- [Next steps](https://reactnavigation.org/docs/3.x/next-steps)
- [Glossary of terms](https://reactnavigation.org/docs/3.x/glossary-of-terms)
- [Common mistakes](https://reactnavigation.org/docs/3.x/common-mistakes)
- [Optimize memory usage and performance](https://reactnavigation.org/docs/3.x/react-native-screens)
- [Limitations](https://reactnavigation.org/docs/3.x/limitations)

### Guides

- [Tab navigation](https://reactnavigation.org/docs/3.x/tab-based-navigation)
- [Drawer navigation](https://reactnavigation.org/docs/3.x/drawer-based-navigation)
- [Authentication flows](https://reactnavigation.org/docs/3.x/auth-flow)
- [Supporting safe areas](https://reactnavigation.org/docs/3.x/handling-iphonex)
- [Different status bar configuration based on route](https://reactnavigation.org/docs/3.x/status-bar)
- [Navigation options resolution](https://reactnavigation.org/docs/3.x/navigation-options-resolution)
- [Custom Android back button behavior](https://reactnavigation.org/docs/3.x/custom-android-back-button-handling)
- [Access the navigation prop from any component](https://reactnavigation.org/docs/3.x/connecting-navigation-prop)
- [Navigating without the navigation prop](https://reactnavigation.org/docs/3.x/navigating-without-navigation-prop)
- [Using the navigation key](https://reactnavigation.org/docs/3.x/navigation-key)
- [Deep linking](https://reactnavigation.org/docs/3.x/deep-linking)
- [Screen tracking for analytics](https://reactnavigation.org/docs/3.x/screen-tracking)
- [Themes](https://reactnavigation.org/docs/3.x/themes)
- [State persistence](https://reactnavigation.org/docs/3.x/state-persistence)
- [Redux integration](https://reactnavigation.org/docs/3.x/redux-integration)
- [Integrating with MobX State Tree](https://reactnavigation.org/docs/3.x/MST-integration)
- [Localization](https://reactnavigation.org/docs/3.x/localization)
- [React Navigation on the Web](https://reactnavigation.org/docs/3.x/web-support)
- [Call a function when focused screen changes](https://reactnavigation.org/docs/3.x/function-after-focusing-screen)

### API reference

- [Navigation prop reference](https://reactnavigation.org/docs/3.x/navigation-prop)
- [NavigationContext](https://reactnavigation.org/docs/3.x/navigation-context)
- [NavigationEvents reference](https://reactnavigation.org/docs/3.x/navigation-events)

#### Navigators

- [createStackNavigator](https://reactnavigation.org/docs/3.x/stack-navigator)
- [createSwitchNavigator](https://reactnavigation.org/docs/3.x/switch-navigator)
- [createAnimatedSwitchNavigator](https://reactnavigation.org/docs/3.x/animated-switch-navigator)
- [createDrawerNavigator](https://reactnavigation.org/docs/3.x/drawer-navigator)
- [createBottomTabNavigator](https://reactnavigation.org/docs/3.x/bottom-tab-navigator)
- [createMaterialBottomTabNavigator](https://reactnavigation.org/docs/3.x/material-bottom-tab-navigator)
- [createMaterialTopTabNavigator](https://reactnavigation.org/docs/3.x/material-top-tab-navigator)

#### Actions

- [NavigationActions reference](https://reactnavigation.org/docs/3.x/navigation-actions)
- [StackActions reference](https://reactnavigation.org/docs/3.x/stack-actions)
- [SwitchActions reference](https://reactnavigation.org/docs/3.x/switch-actions)
- [DrawerActions reference](https://reactnavigation.org/docs/3.x/drawer-actions)

#### Helpers

- [withNavigation](https://reactnavigation.org/docs/3.x/with-navigation)
- [withNavigationFocus](https://reactnavigation.org/docs/3.x/with-navigation-focus)
- [Scrollables](https://reactnavigation.org/docs/3.x/scrollables)

### Build your own Navigator

- [Overview](https://reactnavigation.org/docs/3.x/custom-navigator-overview)
- [Routers](https://reactnavigation.org/docs/3.x/routers)
- [Custom navigators](https://reactnavigation.org/docs/3.x/custom-navigators)
- [Custom routers](https://reactnavigation.org/docs/3.x/custom-routers)
- [Navigation views](https://reactnavigation.org/docs/3.x/navigation-views)
- [Transitioner](https://reactnavigation.org/docs/3.x/transitioner)

### Related resources

- [Community-developed Navigators and Libraries](https://reactnavigation.org/docs/3.x/community-libraries-and-navigators)
- [More Resources](https://reactnavigation.org/docs/3.x/more-resources)

### Meta

- [Pitch & anti-pitch](https://reactnavigation.org/docs/3.x/pitch)
- [Alternative libraries](https://reactnavigation.org/docs/3.x/alternatives)
- [React Navigation contributor guide](https://reactnavigation.org/docs/3.x/contributing)