Skip to content

Commit a71cc10

Browse files
committed
chore: Added sample videos for 'animation' option
1 parent 30afd1c commit a71cc10

10 files changed

+69
-1
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

+69-1
Original file line numberDiff line numberDiff line change
@@ -600,19 +600,87 @@ 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+
612+
606613
- `fade`: fade screen in or out
614+
<video playsInline autoPlay muted loop>
615+
<source src="/assets/7.x/native-stack/native-stack-animation-fade.mp4" />
616+
</video>
617+
618+
619+
620+
621+
607622
- `fade_from_bottom`: fade the new screen from bottom
623+
<video playsInline autoPlay muted loop>
624+
<source src="/assets/7.x/native-stack/native-stack-animation-fade-from-bottom.mp4" />
625+
</video>
626+
627+
628+
629+
630+
608631
- `flip`: flip the screen, requires `presentation: "modal"` (iOS only)
632+
<video playsInline autoPlay muted loop>
633+
<source src="/assets/7.x/native-stack/native-stack-animation-flip.mp4" />
634+
</video>
635+
636+
637+
638+
639+
609640
- `simple_push`: default animation, but without shadow and native header transition (iOS only, uses default animation on Android)
641+
<video playsInline autoPlay muted loop>
642+
<source src="/assets/7.x/native-stack/native-stack-animation-simple-push.mp4" />
643+
</video>
644+
645+
646+
647+
648+
610649
- `slide_from_bottom`: slide in the new screen from bottom
650+
<video playsInline autoPlay muted loop>
651+
<source src="/assets/7.x/native-stack/native-stack-animation-slide-from-bottom.mp4" />
652+
</video>
653+
654+
655+
656+
657+
611658
- `slide_from_right`: slide in the new screen from right (Android only, uses default animation on iOS)
659+
<video playsInline autoPlay muted loop>
660+
<source src="/assets/7.x/native-stack/native-stack-animation-slide-from-right.mp4" />
661+
</video>
662+
663+
664+
665+
666+
612667
- `slide_from_left`: slide in the new screen from left (Android only, uses default animation on iOS)
668+
<video playsInline autoPlay muted loop>
669+
<source src="/assets/7.x/native-stack/native-stack-animation-slide-from-left.mp4" />
670+
</video>
671+
672+
673+
674+
675+
613676
- `none`: don't animate the screen
677+
<video playsInline autoPlay muted loop>
678+
<source src="/assets/7.x/native-stack/native-stack-animation-none.mp4" />
679+
</video>
680+
681+
682+
614683

615-
Only supported on Android and iOS.
616684

617685
#### `presentation`
618686

0 commit comments

Comments
 (0)