Skip to content

Update visual examples and added code examples #1214

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 11 commits into from
Mar 7, 2024
Prev Previous commit
Next Next commit
Merge branch 'main' of github.com:react-navigation/react-navigation.g…
…ithub.io into update

# Conflicts:
#	versioned_docs/version-6.x/modal.md
  • Loading branch information
Piotr Fijalkiewicz committed Mar 9, 2023
commit fc4df495f92ef2ec3b8f18b724991f034c13bdbf
2 changes: 1 addition & 1 deletion versioned_docs/version-6.x/modal.md
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ function RootStackScreen() {
</video>
</div>

Here, we are creating 2 groups of screens using the `RootStack.Group` component. The first group is for our regular screens, and the second group is for our modal screens. For the modal group, we have specified `presentation: 'modal'` in `screenOptions`. This will apply this option to all the screens inside the group. This options will change the animation for the screens to animate from bottom-to-top rather than right to left. The `presentation` option for stack navigator can be either `card` (default) or `modal`. The `modal` behavior slides the screen in from the bottom and allows the user to swipe down from the top to dismiss it on iOS.
Here, we are creating 2 groups of screens using the `RootStack.Group` component. The first group is for our regular screens, and the second group is for our modal screens. For the modal group, we have specified `presentation: 'modal'` in `screenOptions`. This will apply this option to all the screens inside the group. This option will change the animation for the screens to animate from bottom-to-top rather than right to left. The `presentation` option for stack navigator can be either `card` (default) or `modal`. The `modal` behavior slides the screen in from the bottom and allows the user to swipe down from the top to dismiss it on iOS.

Instead of specifying this option for a group, it's also possible to specify it for a single screen using the `options` prop on `RootStack.Screen`.

Expand Down
You are viewing a condensed version of this merge commit. You can view the full changes here.