mirror of
https://github.com/status-im/react-navigation.git
synced 2025-02-25 17:45:34 +00:00
22 lines
1.2 KiB
Markdown
22 lines
1.2 KiB
Markdown
|
# Navigators
|
||
|
|
|
||
|
|
Navigators allow you define you application's navigation structure. Navigators also render common elements such as headers and tab bars which you can configure.
|
||
|
|
|
||
|
|
Under the hood, navigators are plain React components.
|
||
|
|
|
||
|
|
## Built-in Navigators
|
||
|
|
|
||
|
|
`react-navigation` includes the following functions to help you create navigators:
|
||
|
|
|
||
|
|
- [StackNavigator](/docs/navigators/stack) - Renders one screen at a time and provides transitions between screens. When a new screen is opened it is placed on top of the stack.
|
||
|
|
- [TabNavigator](/docs/navigators/tab) - Renders a tab bar that lets the user switch between several screens
|
||
|
|
- [DrawerNavigator](/docs/navigators/drawer) - Provides a drawer that slides in from the left of the screen
|
||
|
|
|
||
|
|
## Rendering screens with Navigators
|
||
|
|
|
||
|
|
The navigators render application screens which are just React components.
|
||
|
|
|
||
|
|
To learn how to create screens, read about:
|
||
|
|
- [Screen `navigation` prop](/docs/navigators/navigation-prop) to allow the screen to dispatch navigation actions, such as opening another screen
|
||
|
|
- [Screen `navigationOptions`](/docs/navigators/navigation-options) to customize how the screen gets presented by the navigator (e.g. header title, tab label)
|