Skip to content

Commit bb66506

Browse files
chore: Added sample animation videos - Native Stack (#1350)
* chore: Added sample videos for 'animation' option * [autofix.ci] apply automated fixes * chore: Trimmed animaiton sample videos --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
1 parent 30afd1c commit bb66506

10 files changed

+37
-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.
Binary file not shown.
Binary file not shown.

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

+37-2
Original file line numberDiff line numberDiff line change
@@ -600,19 +600,54 @@ Supported values:
600600

601601
How the screen should animate when pushed or popped.
602602

603+
Only supported on Android and iOS.
604+
603605
Supported values:
604606

605607
- `default`: use the platform default animation
608+
<video playsInline autoPlay muted loop>
609+
<source src="/assets/7.x/native-stack/native-stack-animation-default.mp4" />
610+
</video>
611+
606612
- `fade`: fade screen in or out
613+
<video playsInline autoPlay muted loop>
614+
<source src="/assets/7.x/native-stack/native-stack-animation-fade.mp4" />
615+
</video>
616+
607617
- `fade_from_bottom`: fade the new screen from bottom
618+
<video playsInline autoPlay muted loop>
619+
<source src="/assets/7.x/native-stack/native-stack-animation-fade-from-bottom.mp4" />
620+
</video>
621+
608622
- `flip`: flip the screen, requires `presentation: "modal"` (iOS only)
623+
<video playsInline autoPlay muted loop>
624+
<source src="/assets/7.x/native-stack/native-stack-animation-flip.mp4" />
625+
</video>
626+
609627
- `simple_push`: default animation, but without shadow and native header transition (iOS only, uses default animation on Android)
628+
<video playsInline autoPlay muted loop>
629+
<source src="/assets/7.x/native-stack/native-stack-animation-simple-push.mp4" />
630+
</video>
631+
610632
- `slide_from_bottom`: slide in the new screen from bottom
633+
<video playsInline autoPlay muted loop>
634+
<source src="/assets/7.x/native-stack/native-stack-animation-slide-from-bottom.mp4" />
635+
</video>
636+
611637
- `slide_from_right`: slide in the new screen from right (Android only, uses default animation on iOS)
638+
<video playsInline autoPlay muted loop>
639+
<source src="/assets/7.x/native-stack/native-stack-animation-slide-from-right.mp4" />
640+
</video>
641+
612642
- `slide_from_left`: slide in the new screen from left (Android only, uses default animation on iOS)
613-
- `none`: don't animate the screen
643+
<video playsInline autoPlay muted loop>
644+
<source src="/assets/7.x/native-stack/native-stack-animation-slide-from-left.mp4" />
645+
</video>
614646

615-
Only supported on Android and iOS.
647+
- `none`: don't animate the screen
648+
<video playsInline autoPlay muted loop>
649+
<source src="/assets/7.x/native-stack/native-stack-animation-none.mp4" />
650+
</video>
616651

617652
#### `presentation`
618653

0 commit comments

Comments
 (0)