Skip to content

Commit 971d34f

Browse files
docs: Native Stack - presentation (#1354)
* chore(docs): Added videos for presentation * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
1 parent a0a897d commit 971d34f

8 files changed

+28
-2
lines changed
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

versioned_docs/version-7.x/native-stack-navigator.md

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -693,17 +693,43 @@ Supported values:
693693

694694
How should the screen be presented.
695695

696+
Only supported on Android and iOS.
697+
696698
Supported values:
697699

698700
- `card`: the new screen will be pushed onto a stack, which means the default animation will be slide from the side on iOS, the animation on Android will vary depending on the OS version and theme.
701+
<video playsInline autoPlay muted loop>
702+
<source src="/assets/7.x/native-stack/presentation-card.mp4" />
703+
</video>
704+
699705
- `modal`: the new screen will be presented modally. this also allows for a nested stack to be rendered inside the screen.
706+
<video playsInline autoPlay muted loop>
707+
<source src="/assets/7.x/native-stack/presentation-modal.mp4" />
708+
</video>
709+
700710
- `transparentModal`: the new screen will be presented modally, but in addition, the previous screen will stay so that the content below can still be seen if the screen has translucent background.
711+
<video playsInline autoPlay muted loop>
712+
<source src="/assets/7.x/native-stack/presentation-transparentModal.mp4" />
713+
</video>
714+
701715
- `containedModal`: will use "UIModalPresentationCurrentContext" modal style on iOS and will fallback to "modal" on Android.
716+
<video playsInline autoPlay muted loop>
717+
<source src="/assets/7.x/native-stack/presentation-containedModal.mp4" />
718+
</video>
719+
702720
- `containedTransparentModal`: will use "UIModalPresentationOverCurrentContext" modal style on iOS and will fallback to "transparentModal" on Android.
721+
<video playsInline autoPlay muted loop>
722+
<source src="/assets/7.x/native-stack/presentation-containedTransparentModal.mp4" />
723+
</video>
724+
703725
- `fullScreenModal`: will use "UIModalPresentationFullScreen" modal style on iOS and will fallback to "modal" on Android. A screen using this presentation style can't be dismissed by gesture.
726+
<video playsInline autoPlay muted loop>
727+
<source src="/assets/7.x/native-stack/presentation-fullScreenModal.mp4" />
728+
</video>
704729
- `formSheet`: will use "UIModalPresentationFormSheet" modal style on iOS and will fallback to "modal" on Android.
705-
706-
Only supported on Android and iOS.
730+
<video playsInline autoPlay muted loop>
731+
<source src="/assets/7.x/native-stack/presentation-formSheet.mp4" />
732+
</video>
707733

708734
#### `orientation`
709735

0 commit comments

Comments
 (0)