Skip to content

Commit 0833b88

Browse files
committed
chore(docs): Added videos for presentation
1 parent cd5fe4b commit 0833b88

8 files changed

+30
-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: 30 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -662,17 +662,45 @@ Supported values:
662662

663663
How should the screen be presented.
664664

665+
Only supported on Android and iOS.
666+
665667
Supported values:
666668

667669
- `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.
670+
<video playsInline autoPlay muted loop>
671+
<source src="/assets/7.x/native-stack/presentation-card.mp4" />
672+
</video>
673+
668674
- `modal`: the new screen will be presented modally. this also allows for a nested stack to be rendered inside the screen.
675+
<video playsInline autoPlay muted loop>
676+
<source src="/assets/7.x/native-stack/presentation-modal.mp4" />
677+
</video>
678+
669679
- `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.
680+
<video playsInline autoPlay muted loop>
681+
<source src="/assets/7.x/native-stack/presentation-transparentModal.mp4" />
682+
</video>
683+
670684
- `containedModal`: will use "UIModalPresentationCurrentContext" modal style on iOS and will fallback to "modal" on Android.
685+
<video playsInline autoPlay muted loop>
686+
<source src="/assets/7.x/native-stack/presentation-containedModal.mp4" />
687+
</video>
688+
671689
- `containedTransparentModal`: will use "UIModalPresentationOverCurrentContext" modal style on iOS and will fallback to "transparentModal" on Android.
690+
<video playsInline autoPlay muted loop>
691+
<source src="/assets/7.x/native-stack/presentation-containedTransparentModal.mp4" />
692+
</video>
693+
672694
- `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.
695+
<video playsInline autoPlay muted loop>
696+
<source src="/assets/7.x/native-stack/presentation-fullScreenModal.mp4" />
697+
</video>
698+
673699
- `formSheet`: will use "UIModalPresentationFormSheet" modal style on iOS and will fallback to "modal" on Android.
674-
675-
Only supported on Android and iOS.
700+
<video playsInline autoPlay muted loop>
701+
<source src="/assets/7.x/native-stack/presentation-formSheet.mp4" />
702+
</video>
703+
676704

677705
#### `orientation`
678706

0 commit comments

Comments
 (0)