Skip to content

Commit a5b01d3

Browse files
committed
Update bottom tab animation docs
1 parent f99a9d3 commit a5b01d3

File tree

2 files changed

+6
-6
lines changed

2 files changed

+6
-6
lines changed

versioned_docs/version-7.x/bottom-tab-navigator.md

+6-6
Original file line numberDiff line numberDiff line change
@@ -623,7 +623,7 @@ Supported values for `animation` are:
623623
- `shift` - Shifting animation for the screen transition where the screens slightly shift to left/right.
624624

625625
<video playsInline autoPlay muted loop>
626-
<source src="/assets/navigators/tabs/bottom-tabs-shifting.mp4" />
626+
<source src="/assets/navigators/tabs/bottom-tabs-shift.mp4" />
627627
</video>
628628

629629
- `none` - The screen transition doesn't have any animation. This is the default value.
@@ -1013,8 +1013,8 @@ We also export various configs from the library with ready-made configs that you
10131013

10141014
#### `TransitionSpecs`
10151015

1016-
- `CrossFadeSpec` - Configuration for a cross-fade animation between screens.
1017-
- `ShiftingSpec` - Configuration for a shifting animation between screens.
1016+
- `FadeSpec` - Configuration for a cross-fade animation between screens.
1017+
- `ShiftSpec` - Configuration for a shifting animation between screens.
10181018

10191019
Example:
10201020

@@ -1051,7 +1051,7 @@ import { TransitionSpecs } from '@react-navigation/bottom-tabs';
10511051
component={Profile}
10521052
options={{
10531053
// highlight-start
1054-
transitionSpec: TransitionSpecs.CrossFadeSpec,
1054+
transitionSpec: TransitionSpecs.FadeSpec,
10551055
// highlight-end
10561056
}}
10571057
/>;
@@ -1063,7 +1063,7 @@ import { TransitionSpecs } from '@react-navigation/bottom-tabs';
10631063
#### `SceneStyleInterpolators`
10641064

10651065
- `forFade` - Cross-fade animation for the screen transition where the new screen fades in and the old screen fades out.
1066-
- `forShifting` - Shifting animation for the screen transition where the screens slightly shift to left/right.
1066+
- `forShift` - Shifting animation for the screen transition where the screens slightly shift to left/right.
10671067

10681068
Example:
10691069

@@ -1114,7 +1114,7 @@ import { SceneStyleInterpolators } from '@react-navigation/bottom-tabs';
11141114
We export transition presets that bundle various sets of these options together. A transition preset is an object containing a few animation-related screen options exported under `TransitionPresets`. Currently the following presets are available:
11151115

11161116
- `FadeTransition` - Cross-fade animation for the screen transition where the new screen fades in and the old screen fades out.
1117-
- `ShiftingTransition` - Shifting animation for the screen transition where the screens slightly shift to left/right.
1117+
- `ShiftTransition` - Shifting animation for the screen transition where the screens slightly shift to left/right.
11181118

11191119
You can spread these presets in `options` to customize the animation for a screen:
11201120

0 commit comments

Comments
 (0)