# React Navigation 3.x

> Routing and navigation for your React Native apps.

## Documentation

### Fundamentals

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

### Guides

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

### API reference

- [Navigation prop reference](https://react-navigation-docs.netlify.app/docs/3.x/navigation-prop.md)
- [NavigationContext](https://react-navigation-docs.netlify.app/docs/3.x/navigation-context.md)
- [NavigationEvents reference](https://react-navigation-docs.netlify.app/docs/3.x/navigation-events.md)

#### Navigators

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

#### Actions

- [NavigationActions reference](https://react-navigation-docs.netlify.app/docs/3.x/navigation-actions.md)
- [StackActions reference](https://react-navigation-docs.netlify.app/docs/3.x/stack-actions.md)
- [SwitchActions reference](https://react-navigation-docs.netlify.app/docs/3.x/switch-actions.md)
- [DrawerActions reference](https://react-navigation-docs.netlify.app/docs/3.x/drawer-actions.md)

#### Helpers

- [withNavigation](https://react-navigation-docs.netlify.app/docs/3.x/with-navigation.md)
- [withNavigationFocus](https://react-navigation-docs.netlify.app/docs/3.x/with-navigation-focus.md)
- [Scrollables](https://react-navigation-docs.netlify.app/docs/3.x/scrollables.md)

### Build your own Navigator

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

### Related resources

- [Community-developed Navigators and Libraries](https://react-navigation-docs.netlify.app/docs/3.x/community-libraries-and-navigators.md)
- [More Resources](https://react-navigation-docs.netlify.app/docs/3.x/more-resources.md)

### Meta

- [Pitch & anti-pitch](https://react-navigation-docs.netlify.app/docs/3.x/pitch.md)
- [Alternative libraries](https://react-navigation-docs.netlify.app/docs/3.x/alternatives.md)
- [React Navigation contributor guide](https://react-navigation-docs.netlify.app/docs/3.x/contributing.md)