react-native-reanimated 3.6.0 → 3.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/createAnimatedComponent/createAnimatedComponent.js +12 -0
- package/lib/module/createAnimatedComponent/createAnimatedComponent.js.map +1 -1
- package/lib/module/createAnimatedComponent/setAndForwardRef.js +2 -0
- package/lib/module/createAnimatedComponent/setAndForwardRef.js.map +1 -1
- package/lib/module/reanimated2/Easing.js +3 -3
- package/lib/module/reanimated2/Easing.js.map +1 -1
- package/lib/module/reanimated2/PlatformChecker.js.map +1 -1
- package/lib/module/reanimated2/animation/decay/decay.js +9 -0
- package/lib/module/reanimated2/animation/decay/decay.js.map +1 -1
- package/lib/module/reanimated2/animation/decay/utils.js +13 -0
- package/lib/module/reanimated2/animation/decay/utils.js.map +1 -1
- package/lib/module/reanimated2/animation/delay.js +9 -0
- package/lib/module/reanimated2/animation/delay.js.map +1 -1
- package/lib/module/reanimated2/animation/repeat.js +11 -0
- package/lib/module/reanimated2/animation/repeat.js.map +1 -1
- package/lib/module/reanimated2/animation/sequence.js +10 -0
- package/lib/module/reanimated2/animation/sequence.js.map +1 -1
- package/lib/module/reanimated2/animation/spring.js +9 -0
- package/lib/module/reanimated2/animation/spring.js.map +1 -1
- package/lib/module/reanimated2/animation/springUtils.js +16 -0
- package/lib/module/reanimated2/animation/springUtils.js.map +1 -1
- package/lib/module/reanimated2/animation/timing.js +18 -0
- package/lib/module/reanimated2/animation/timing.js.map +1 -1
- package/lib/module/reanimated2/animation/util.js +7 -0
- package/lib/module/reanimated2/animation/util.js.map +1 -1
- package/lib/module/reanimated2/commonTypes.js +30 -7
- package/lib/module/reanimated2/commonTypes.js.map +1 -1
- package/lib/module/reanimated2/component/FlatList.js.map +1 -1
- package/lib/module/reanimated2/component/LayoutAnimationConfig.js +7 -0
- package/lib/module/reanimated2/component/LayoutAnimationConfig.js.map +1 -1
- package/lib/module/reanimated2/component/ScrollView.js.map +1 -1
- package/lib/module/reanimated2/globals.d.js.map +1 -1
- package/lib/module/reanimated2/helperTypes.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedKeyboard.js +8 -0
- package/lib/module/reanimated2/hook/useAnimatedKeyboard.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedProps.js +9 -0
- package/lib/module/reanimated2/hook/useAnimatedProps.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedReaction.js +6 -4
- package/lib/module/reanimated2/hook/useAnimatedReaction.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedRef.js +7 -0
- package/lib/module/reanimated2/hook/useAnimatedRef.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedScrollHandler.js +10 -2
- package/lib/module/reanimated2/hook/useAnimatedScrollHandler.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedSensor.js +10 -0
- package/lib/module/reanimated2/hook/useAnimatedSensor.js.map +1 -1
- package/lib/module/reanimated2/hook/useAnimatedStyle.js +8 -0
- package/lib/module/reanimated2/hook/useAnimatedStyle.js.map +1 -1
- package/lib/module/reanimated2/hook/useDerivedValue.js +14 -8
- package/lib/module/reanimated2/hook/useDerivedValue.js.map +1 -1
- package/lib/module/reanimated2/hook/useEvent.js +7 -6
- package/lib/module/reanimated2/hook/useEvent.js.map +1 -1
- package/lib/module/reanimated2/hook/useFrameCallback.js +17 -0
- package/lib/module/reanimated2/hook/useFrameCallback.js.map +1 -1
- package/lib/module/reanimated2/hook/useHandler.js +8 -2
- package/lib/module/reanimated2/hook/useHandler.js.map +1 -1
- package/lib/module/reanimated2/hook/useReducedMotion.js +9 -0
- package/lib/module/reanimated2/hook/useReducedMotion.js.map +1 -1
- package/lib/module/reanimated2/hook/useScrollViewOffset.js +8 -0
- package/lib/module/reanimated2/hook/useScrollViewOffset.js.map +1 -1
- package/lib/module/reanimated2/hook/useSharedValue.js +11 -3
- package/lib/module/reanimated2/hook/useSharedValue.js.map +1 -1
- package/lib/module/reanimated2/hook/useWorkletCallback.js +3 -0
- package/lib/module/reanimated2/hook/useWorkletCallback.js.map +1 -1
- package/lib/module/reanimated2/index.js +1 -1
- package/lib/module/reanimated2/index.js.map +1 -1
- package/lib/module/reanimated2/interpolateColor.js +21 -0
- package/lib/module/reanimated2/interpolateColor.js.map +1 -1
- package/lib/module/reanimated2/interpolation.js +51 -21
- package/lib/module/reanimated2/interpolation.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/BaseAnimationBuilder.js +29 -2
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/BaseAnimationBuilder.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.js +67 -2
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/Keyframe.js +6 -3
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/Keyframe.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/commonTypes.js +4 -0
- package/lib/module/reanimated2/layoutReanimation/animationBuilder/commonTypes.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Bounce.js +80 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Bounce.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Fade.js +79 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Fade.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Flip.js +96 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Flip.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Lightspeed.js +31 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Lightspeed.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Pinwheel.js +15 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Pinwheel.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Roll.js +31 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Roll.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Rotate.js +63 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Rotate.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Slide.js +64 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Slide.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Stretch.js +32 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Stretch.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Zoom.js +128 -0
- package/lib/module/reanimated2/layoutReanimation/defaultAnimations/Zoom.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.js +8 -0
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/EntryExitTransition.js +9 -0
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/EntryExitTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.js +8 -0
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.js +8 -0
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.js +10 -3
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.js +8 -0
- package/lib/module/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/sharedTransitions/SharedTransition.js +49 -3
- package/lib/module/reanimated2/layoutReanimation/sharedTransitions/SharedTransition.js.map +1 -1
- package/lib/module/reanimated2/layoutReanimation/web/createAnimation.js +4 -4
- package/lib/module/reanimated2/layoutReanimation/web/createAnimation.js.map +1 -1
- package/lib/module/reanimated2/platform-specific/checkCppVersion.js +0 -2
- package/lib/module/reanimated2/platform-specific/checkCppVersion.js.map +1 -1
- package/lib/module/reanimated2/platform-specific/jsVersion.js +1 -1
- package/lib/module/reanimated2/platform-specific/jsVersion.js.map +1 -1
- package/lib/module/reanimated2/platformFunctions/dispatchCommand.js +9 -0
- package/lib/module/reanimated2/platformFunctions/dispatchCommand.js.map +1 -1
- package/lib/module/reanimated2/platformFunctions/getRelativeCoords.js +14 -4
- package/lib/module/reanimated2/platformFunctions/getRelativeCoords.js.map +1 -1
- package/lib/module/reanimated2/platformFunctions/measure.js +7 -0
- package/lib/module/reanimated2/platformFunctions/measure.js.map +1 -1
- package/lib/module/reanimated2/platformFunctions/scrollTo.js +9 -0
- package/lib/module/reanimated2/platformFunctions/scrollTo.js.map +1 -1
- package/lib/module/reanimated2/platformFunctions/setNativeProps.js +8 -0
- package/lib/module/reanimated2/platformFunctions/setNativeProps.js.map +1 -1
- package/lib/module/reanimated2/runtimes.js +8 -0
- package/lib/module/reanimated2/runtimes.js.map +1 -1
- package/lib/module/reanimated2/threads.js +16 -6
- package/lib/module/reanimated2/threads.js.map +1 -1
- package/lib/typescript/createAnimatedComponent/createAnimatedComponent.d.ts +12 -0
- package/lib/typescript/reanimated2/Easing.d.ts +3 -3
- package/lib/typescript/reanimated2/animation/decay/decay.d.ts +8 -0
- package/lib/typescript/reanimated2/animation/decay/utils.d.ts +12 -0
- package/lib/typescript/reanimated2/animation/delay.d.ts +9 -0
- package/lib/typescript/reanimated2/animation/repeat.d.ts +11 -0
- package/lib/typescript/reanimated2/animation/sequence.d.ts +8 -0
- package/lib/typescript/reanimated2/animation/spring.d.ts +9 -0
- package/lib/typescript/reanimated2/animation/springUtils.d.ts +15 -0
- package/lib/typescript/reanimated2/animation/timing.d.ts +17 -0
- package/lib/typescript/reanimated2/animation/util.d.ts +6 -0
- package/lib/typescript/reanimated2/commonTypes.d.ts +25 -7
- package/lib/typescript/reanimated2/component/FlatList.d.ts +6 -0
- package/lib/typescript/reanimated2/component/LayoutAnimationConfig.d.ts +7 -0
- package/lib/typescript/reanimated2/component/ScrollView.d.ts +3 -2
- package/lib/typescript/reanimated2/helperTypes.d.ts +45 -3
- package/lib/typescript/reanimated2/hook/useAnimatedKeyboard.d.ts +7 -0
- package/lib/typescript/reanimated2/hook/useAnimatedProps.d.ts +9 -0
- package/lib/typescript/reanimated2/hook/useAnimatedReaction.d.ts +6 -4
- package/lib/typescript/reanimated2/hook/useAnimatedRef.d.ts +6 -0
- package/lib/typescript/reanimated2/hook/useAnimatedScrollHandler.d.ts +10 -0
- package/lib/typescript/reanimated2/hook/useAnimatedSensor.d.ts +8 -0
- package/lib/typescript/reanimated2/hook/useAnimatedStyle.d.ts +8 -0
- package/lib/typescript/reanimated2/hook/useDerivedValue.d.ts +9 -1
- package/lib/typescript/reanimated2/hook/useEvent.d.ts +8 -5
- package/lib/typescript/reanimated2/hook/useFrameCallback.d.ts +14 -0
- package/lib/typescript/reanimated2/hook/useHandler.d.ts +8 -0
- package/lib/typescript/reanimated2/hook/useReducedMotion.d.ts +8 -0
- package/lib/typescript/reanimated2/hook/useScrollViewOffset.d.ts +7 -0
- package/lib/typescript/reanimated2/hook/useSharedValue.d.ts +8 -1
- package/lib/typescript/reanimated2/hook/useWorkletCallback.d.ts +3 -0
- package/lib/typescript/reanimated2/index.d.ts +1 -1
- package/lib/typescript/reanimated2/interpolateColor.d.ts +17 -0
- package/lib/typescript/reanimated2/interpolation.d.ts +30 -2
- package/lib/typescript/reanimated2/layoutReanimation/animationBuilder/BaseAnimationBuilder.d.ts +25 -2
- package/lib/typescript/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.d.ts +56 -1
- package/lib/typescript/reanimated2/layoutReanimation/animationBuilder/commonTypes.d.ts +4 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Bounce.d.ts +70 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Fade.d.ts +70 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Flip.d.ts +84 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Lightspeed.d.ts +28 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Pinwheel.d.ts +14 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Roll.d.ts +28 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Rotate.d.ts +56 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Slide.d.ts +56 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Stretch.d.ts +28 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultAnimations/Zoom.d.ts +112 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.d.ts +7 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/EntryExitTransition.d.ts +8 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.d.ts +7 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.d.ts +7 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.d.ts +10 -0
- package/lib/typescript/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.d.ts +7 -0
- package/lib/typescript/reanimated2/layoutReanimation/sharedTransitions/SharedTransition.d.ts +43 -1
- package/lib/typescript/reanimated2/layoutReanimation/web/createAnimation.d.ts +4 -4
- package/lib/typescript/reanimated2/platform-specific/jsVersion.d.ts +1 -1
- package/lib/typescript/reanimated2/platformFunctions/dispatchCommand.d.ts +8 -0
- package/lib/typescript/reanimated2/platformFunctions/getRelativeCoords.d.ts +11 -3
- package/lib/typescript/reanimated2/platformFunctions/measure.d.ts +7 -0
- package/lib/typescript/reanimated2/platformFunctions/scrollTo.d.ts +9 -0
- package/lib/typescript/reanimated2/platformFunctions/setNativeProps.d.ts +7 -0
- package/lib/typescript/reanimated2/runtimes.d.ts +8 -0
- package/lib/typescript/reanimated2/threads.d.ts +17 -2
- package/package.json +2 -1
- package/src/createAnimatedComponent/createAnimatedComponent.tsx +18 -0
- package/src/createAnimatedComponent/setAndForwardRef.ts +2 -0
- package/src/reanimated2/Easing.ts +3 -3
- package/src/reanimated2/PlatformChecker.ts +1 -1
- package/src/reanimated2/animation/decay/decay.ts +8 -0
- package/src/reanimated2/animation/decay/utils.ts +12 -0
- package/src/reanimated2/animation/delay.ts +9 -0
- package/src/reanimated2/animation/repeat.ts +11 -0
- package/src/reanimated2/animation/sequence.ts +8 -0
- package/src/reanimated2/animation/spring.ts +9 -0
- package/src/reanimated2/animation/springUtils.ts +15 -0
- package/src/reanimated2/animation/timing.ts +17 -0
- package/src/reanimated2/animation/util.ts +6 -0
- package/src/reanimated2/commonTypes.ts +25 -7
- package/src/reanimated2/component/FlatList.tsx +6 -0
- package/src/reanimated2/component/LayoutAnimationConfig.tsx +7 -0
- package/src/reanimated2/component/ScrollView.tsx +3 -1
- package/src/reanimated2/globals.d.ts +1 -1
- package/src/reanimated2/helperTypes.ts +45 -3
- package/src/reanimated2/hook/useAnimatedKeyboard.ts +7 -0
- package/src/reanimated2/hook/useAnimatedProps.ts +9 -0
- package/src/reanimated2/hook/useAnimatedReaction.ts +6 -4
- package/src/reanimated2/hook/useAnimatedRef.ts +6 -0
- package/src/reanimated2/hook/useAnimatedScrollHandler.ts +10 -0
- package/src/reanimated2/hook/useAnimatedSensor.ts +8 -0
- package/src/reanimated2/hook/useAnimatedStyle.ts +8 -0
- package/src/reanimated2/hook/useDerivedValue.ts +15 -7
- package/src/reanimated2/hook/useEvent.ts +9 -6
- package/src/reanimated2/hook/useFrameCallback.ts +14 -0
- package/src/reanimated2/hook/useHandler.ts +8 -0
- package/src/reanimated2/hook/useReducedMotion.ts +8 -0
- package/src/reanimated2/hook/useScrollViewOffset.ts +7 -0
- package/src/reanimated2/hook/useSharedValue.ts +12 -3
- package/src/reanimated2/hook/useWorkletCallback.ts +3 -0
- package/src/reanimated2/index.ts +1 -1
- package/src/reanimated2/interpolateColor.ts +17 -0
- package/src/reanimated2/interpolation.ts +48 -22
- package/src/reanimated2/layoutReanimation/animationBuilder/BaseAnimationBuilder.ts +26 -3
- package/src/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.ts +57 -2
- package/src/reanimated2/layoutReanimation/animationBuilder/Keyframe.ts +7 -6
- package/src/reanimated2/layoutReanimation/animationBuilder/commonTypes.ts +4 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Bounce.ts +71 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Fade.ts +70 -1
- package/src/reanimated2/layoutReanimation/defaultAnimations/Flip.ts +84 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Lightspeed.ts +28 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Pinwheel.ts +14 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Roll.ts +28 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Rotate.ts +56 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Slide.ts +56 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Stretch.ts +28 -0
- package/src/reanimated2/layoutReanimation/defaultAnimations/Zoom.ts +112 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.ts +7 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/EntryExitTransition.ts +8 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.ts +7 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.ts +8 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.ts +10 -3
- package/src/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.ts +7 -0
- package/src/reanimated2/layoutReanimation/sharedTransitions/SharedTransition.ts +45 -3
- package/src/reanimated2/layoutReanimation/web/createAnimation.ts +4 -4
- package/src/reanimated2/platform-specific/checkCppVersion.ts +0 -4
- package/src/reanimated2/platform-specific/jsVersion.ts +1 -1
- package/src/reanimated2/platformFunctions/dispatchCommand.ts +8 -0
- package/src/reanimated2/platformFunctions/getRelativeCoords.ts +12 -4
- package/src/reanimated2/platformFunctions/measure.ts +7 -0
- package/src/reanimated2/platformFunctions/scrollTo.ts +9 -0
- package/src/reanimated2/platformFunctions/setNativeProps.ts +7 -0
- package/src/reanimated2/runtimes.ts +8 -0
- package/src/reanimated2/threads.ts +18 -7
|
@@ -7,6 +7,14 @@ import type {
|
|
|
7
7
|
import { withSequence, withTiming } from '../../animation';
|
|
8
8
|
import type { BaseAnimationBuilder } from '../animationBuilder';
|
|
9
9
|
import { ComplexAnimationBuilder } from '../animationBuilder';
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Bounce entering animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
13
|
+
*
|
|
14
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
15
|
+
*
|
|
16
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
17
|
+
*/
|
|
10
18
|
export class BounceIn
|
|
11
19
|
extends ComplexAnimationBuilder
|
|
12
20
|
implements IEntryExitAnimationBuilder
|
|
@@ -60,6 +68,13 @@ export class BounceIn
|
|
|
60
68
|
};
|
|
61
69
|
}
|
|
62
70
|
|
|
71
|
+
/**
|
|
72
|
+
* Bounce from bottom animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
73
|
+
*
|
|
74
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
75
|
+
*
|
|
76
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
77
|
+
*/
|
|
63
78
|
export class BounceInDown
|
|
64
79
|
extends ComplexAnimationBuilder
|
|
65
80
|
implements IEntryExitAnimationBuilder
|
|
@@ -117,6 +132,13 @@ export class BounceInDown
|
|
|
117
132
|
};
|
|
118
133
|
}
|
|
119
134
|
|
|
135
|
+
/**
|
|
136
|
+
* Bounce from top animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
137
|
+
*
|
|
138
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
139
|
+
*
|
|
140
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
141
|
+
*/
|
|
120
142
|
export class BounceInUp
|
|
121
143
|
extends ComplexAnimationBuilder
|
|
122
144
|
implements IEntryExitAnimationBuilder
|
|
@@ -170,6 +192,13 @@ export class BounceInUp
|
|
|
170
192
|
};
|
|
171
193
|
}
|
|
172
194
|
|
|
195
|
+
/**
|
|
196
|
+
* Bounce from left animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
197
|
+
*
|
|
198
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
199
|
+
*
|
|
200
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
201
|
+
*/
|
|
173
202
|
export class BounceInLeft
|
|
174
203
|
extends ComplexAnimationBuilder
|
|
175
204
|
implements IEntryExitAnimationBuilder
|
|
@@ -223,6 +252,13 @@ export class BounceInLeft
|
|
|
223
252
|
};
|
|
224
253
|
}
|
|
225
254
|
|
|
255
|
+
/**
|
|
256
|
+
* Bounce from right animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
257
|
+
*
|
|
258
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
259
|
+
*
|
|
260
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
261
|
+
*/
|
|
226
262
|
export class BounceInRight
|
|
227
263
|
extends ComplexAnimationBuilder
|
|
228
264
|
implements IEntryExitAnimationBuilder
|
|
@@ -276,6 +312,13 @@ export class BounceInRight
|
|
|
276
312
|
};
|
|
277
313
|
}
|
|
278
314
|
|
|
315
|
+
/**
|
|
316
|
+
* Bounce exiting animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
317
|
+
*
|
|
318
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
319
|
+
*
|
|
320
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
321
|
+
*/
|
|
279
322
|
export class BounceOut
|
|
280
323
|
extends ComplexAnimationBuilder
|
|
281
324
|
implements IEntryExitAnimationBuilder
|
|
@@ -329,6 +372,13 @@ export class BounceOut
|
|
|
329
372
|
};
|
|
330
373
|
}
|
|
331
374
|
|
|
375
|
+
/**
|
|
376
|
+
* Bounce to bottom animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
377
|
+
*
|
|
378
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
379
|
+
*
|
|
380
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
381
|
+
*/
|
|
332
382
|
export class BounceOutDown
|
|
333
383
|
extends ComplexAnimationBuilder
|
|
334
384
|
implements IEntryExitAnimationBuilder
|
|
@@ -384,6 +434,13 @@ export class BounceOutDown
|
|
|
384
434
|
};
|
|
385
435
|
}
|
|
386
436
|
|
|
437
|
+
/**
|
|
438
|
+
* Bounce to top animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
439
|
+
*
|
|
440
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
441
|
+
*
|
|
442
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
443
|
+
*/
|
|
387
444
|
export class BounceOutUp
|
|
388
445
|
extends ComplexAnimationBuilder
|
|
389
446
|
implements IEntryExitAnimationBuilder
|
|
@@ -439,6 +496,13 @@ export class BounceOutUp
|
|
|
439
496
|
};
|
|
440
497
|
}
|
|
441
498
|
|
|
499
|
+
/**
|
|
500
|
+
* Bounce to left animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
501
|
+
*
|
|
502
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
503
|
+
*
|
|
504
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
505
|
+
*/
|
|
442
506
|
export class BounceOutLeft
|
|
443
507
|
extends ComplexAnimationBuilder
|
|
444
508
|
implements IEntryExitAnimationBuilder
|
|
@@ -494,6 +558,13 @@ export class BounceOutLeft
|
|
|
494
558
|
};
|
|
495
559
|
}
|
|
496
560
|
|
|
561
|
+
/**
|
|
562
|
+
* Bounce to right animation. You can modify the behavior by chaining methods like `.delay(300)` or `.duration(100)`.
|
|
563
|
+
*
|
|
564
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
565
|
+
*
|
|
566
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce
|
|
567
|
+
*/
|
|
497
568
|
export class BounceOutRight
|
|
498
569
|
extends ComplexAnimationBuilder
|
|
499
570
|
implements IEntryExitAnimationBuilder
|
|
@@ -6,6 +6,13 @@ import type {
|
|
|
6
6
|
import type { BaseAnimationBuilder } from '../animationBuilder';
|
|
7
7
|
import { ComplexAnimationBuilder } from '../animationBuilder';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Fade in animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
11
|
+
*
|
|
12
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
13
|
+
*
|
|
14
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
15
|
+
*/
|
|
9
16
|
export class FadeIn
|
|
10
17
|
extends ComplexAnimationBuilder
|
|
11
18
|
implements IEntryExitAnimationBuilder
|
|
@@ -39,6 +46,13 @@ export class FadeIn
|
|
|
39
46
|
};
|
|
40
47
|
}
|
|
41
48
|
|
|
49
|
+
/**
|
|
50
|
+
* Fade from right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
51
|
+
*
|
|
52
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
53
|
+
*
|
|
54
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
55
|
+
*/
|
|
42
56
|
export class FadeInRight
|
|
43
57
|
extends ComplexAnimationBuilder
|
|
44
58
|
implements IEntryExitAnimationBuilder
|
|
@@ -76,6 +90,13 @@ export class FadeInRight
|
|
|
76
90
|
};
|
|
77
91
|
}
|
|
78
92
|
|
|
93
|
+
/**
|
|
94
|
+
* Fade from left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
95
|
+
*
|
|
96
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
97
|
+
*
|
|
98
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
99
|
+
*/
|
|
79
100
|
export class FadeInLeft
|
|
80
101
|
extends ComplexAnimationBuilder
|
|
81
102
|
implements IEntryExitAnimationBuilder
|
|
@@ -113,6 +134,13 @@ export class FadeInLeft
|
|
|
113
134
|
};
|
|
114
135
|
}
|
|
115
136
|
|
|
137
|
+
/**
|
|
138
|
+
* Fade from top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
139
|
+
*
|
|
140
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
141
|
+
*
|
|
142
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
143
|
+
*/
|
|
116
144
|
export class FadeInUp
|
|
117
145
|
extends ComplexAnimationBuilder
|
|
118
146
|
implements IEntryExitAnimationBuilder
|
|
@@ -150,6 +178,13 @@ export class FadeInUp
|
|
|
150
178
|
};
|
|
151
179
|
}
|
|
152
180
|
|
|
181
|
+
/**
|
|
182
|
+
* Fade from bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
183
|
+
*
|
|
184
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
185
|
+
*
|
|
186
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
187
|
+
*/
|
|
153
188
|
export class FadeInDown
|
|
154
189
|
extends ComplexAnimationBuilder
|
|
155
190
|
implements IEntryExitAnimationBuilder
|
|
@@ -187,6 +222,13 @@ export class FadeInDown
|
|
|
187
222
|
};
|
|
188
223
|
}
|
|
189
224
|
|
|
225
|
+
/**
|
|
226
|
+
* Fade out animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
227
|
+
*
|
|
228
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
229
|
+
*
|
|
230
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
231
|
+
*/
|
|
190
232
|
export class FadeOut
|
|
191
233
|
extends ComplexAnimationBuilder
|
|
192
234
|
implements IEntryExitAnimationBuilder
|
|
@@ -220,6 +262,13 @@ export class FadeOut
|
|
|
220
262
|
};
|
|
221
263
|
}
|
|
222
264
|
|
|
265
|
+
/**
|
|
266
|
+
* Fade to right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
267
|
+
*
|
|
268
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
269
|
+
*
|
|
270
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
271
|
+
*/
|
|
223
272
|
export class FadeOutRight
|
|
224
273
|
extends ComplexAnimationBuilder
|
|
225
274
|
implements IEntryExitAnimationBuilder
|
|
@@ -257,6 +306,13 @@ export class FadeOutRight
|
|
|
257
306
|
};
|
|
258
307
|
}
|
|
259
308
|
|
|
309
|
+
/**
|
|
310
|
+
* Fade to left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
311
|
+
*
|
|
312
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
313
|
+
*
|
|
314
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
315
|
+
*/
|
|
260
316
|
export class FadeOutLeft
|
|
261
317
|
extends ComplexAnimationBuilder
|
|
262
318
|
implements IEntryExitAnimationBuilder
|
|
@@ -293,7 +349,13 @@ export class FadeOutLeft
|
|
|
293
349
|
};
|
|
294
350
|
};
|
|
295
351
|
}
|
|
296
|
-
|
|
352
|
+
/**
|
|
353
|
+
* Fade to top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
354
|
+
*
|
|
355
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
356
|
+
*
|
|
357
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
358
|
+
*/
|
|
297
359
|
export class FadeOutUp
|
|
298
360
|
extends ComplexAnimationBuilder
|
|
299
361
|
implements IEntryExitAnimationBuilder
|
|
@@ -331,6 +393,13 @@ export class FadeOutUp
|
|
|
331
393
|
};
|
|
332
394
|
}
|
|
333
395
|
|
|
396
|
+
/**
|
|
397
|
+
* Fade to bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
398
|
+
*
|
|
399
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
400
|
+
*
|
|
401
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
|
|
402
|
+
*/
|
|
334
403
|
export class FadeOutDown
|
|
335
404
|
extends ComplexAnimationBuilder
|
|
336
405
|
implements IEntryExitAnimationBuilder
|
|
@@ -11,6 +11,13 @@ import type {
|
|
|
11
11
|
import type { BaseAnimationBuilder } from '../animationBuilder';
|
|
12
12
|
import { ComplexAnimationBuilder } from '../animationBuilder';
|
|
13
13
|
|
|
14
|
+
/**
|
|
15
|
+
* Rotate from top on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
16
|
+
*
|
|
17
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
18
|
+
*
|
|
19
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
20
|
+
*/
|
|
14
21
|
export class FlipInXUp
|
|
15
22
|
extends ComplexAnimationBuilder
|
|
16
23
|
implements IEntryAnimationBuilder
|
|
@@ -52,6 +59,13 @@ export class FlipInXUp
|
|
|
52
59
|
};
|
|
53
60
|
}
|
|
54
61
|
|
|
62
|
+
/**
|
|
63
|
+
* Rotate from left on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
64
|
+
*
|
|
65
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
66
|
+
*
|
|
67
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
68
|
+
*/
|
|
55
69
|
export class FlipInYLeft
|
|
56
70
|
extends ComplexAnimationBuilder
|
|
57
71
|
implements IEntryAnimationBuilder
|
|
@@ -93,6 +107,13 @@ export class FlipInYLeft
|
|
|
93
107
|
};
|
|
94
108
|
}
|
|
95
109
|
|
|
110
|
+
/**
|
|
111
|
+
* Rotate from bottom on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
112
|
+
*
|
|
113
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
114
|
+
*
|
|
115
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
116
|
+
*/
|
|
96
117
|
export class FlipInXDown
|
|
97
118
|
extends ComplexAnimationBuilder
|
|
98
119
|
implements IEntryAnimationBuilder
|
|
@@ -134,6 +155,13 @@ export class FlipInXDown
|
|
|
134
155
|
};
|
|
135
156
|
}
|
|
136
157
|
|
|
158
|
+
/**
|
|
159
|
+
* Rotate from right on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
160
|
+
*
|
|
161
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
162
|
+
*
|
|
163
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
164
|
+
*/
|
|
137
165
|
export class FlipInYRight
|
|
138
166
|
extends ComplexAnimationBuilder
|
|
139
167
|
implements IEntryAnimationBuilder
|
|
@@ -175,6 +203,13 @@ export class FlipInYRight
|
|
|
175
203
|
};
|
|
176
204
|
}
|
|
177
205
|
|
|
206
|
+
/**
|
|
207
|
+
* Eased rotate in on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
208
|
+
*
|
|
209
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
210
|
+
*
|
|
211
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
212
|
+
*/
|
|
178
213
|
export class FlipInEasyX
|
|
179
214
|
extends ComplexAnimationBuilder
|
|
180
215
|
implements IEntryExitAnimationBuilder
|
|
@@ -211,6 +246,13 @@ export class FlipInEasyX
|
|
|
211
246
|
};
|
|
212
247
|
}
|
|
213
248
|
|
|
249
|
+
/**
|
|
250
|
+
* Eased rotate in on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
251
|
+
*
|
|
252
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
253
|
+
*
|
|
254
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
255
|
+
*/
|
|
214
256
|
export class FlipInEasyY
|
|
215
257
|
extends ComplexAnimationBuilder
|
|
216
258
|
implements IEntryExitAnimationBuilder
|
|
@@ -247,6 +289,13 @@ export class FlipInEasyY
|
|
|
247
289
|
};
|
|
248
290
|
}
|
|
249
291
|
|
|
292
|
+
/**
|
|
293
|
+
* Rotate to top animation on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
294
|
+
*
|
|
295
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
296
|
+
*
|
|
297
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
298
|
+
*/
|
|
250
299
|
export class FlipOutXUp
|
|
251
300
|
extends ComplexAnimationBuilder
|
|
252
301
|
implements IExitAnimationBuilder
|
|
@@ -293,6 +342,13 @@ export class FlipOutXUp
|
|
|
293
342
|
};
|
|
294
343
|
}
|
|
295
344
|
|
|
345
|
+
/**
|
|
346
|
+
* Rotate to left on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
347
|
+
*
|
|
348
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
349
|
+
*
|
|
350
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
351
|
+
*/
|
|
296
352
|
export class FlipOutYLeft
|
|
297
353
|
extends ComplexAnimationBuilder
|
|
298
354
|
implements IExitAnimationBuilder
|
|
@@ -339,6 +395,13 @@ export class FlipOutYLeft
|
|
|
339
395
|
};
|
|
340
396
|
}
|
|
341
397
|
|
|
398
|
+
/**
|
|
399
|
+
* Rotate to bottom on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
400
|
+
*
|
|
401
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
402
|
+
*
|
|
403
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
404
|
+
*/
|
|
342
405
|
export class FlipOutXDown
|
|
343
406
|
extends ComplexAnimationBuilder
|
|
344
407
|
implements IExitAnimationBuilder
|
|
@@ -385,6 +448,13 @@ export class FlipOutXDown
|
|
|
385
448
|
};
|
|
386
449
|
}
|
|
387
450
|
|
|
451
|
+
/**
|
|
452
|
+
* Rotate to right animation on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
453
|
+
*
|
|
454
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
455
|
+
*
|
|
456
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
457
|
+
*/
|
|
388
458
|
export class FlipOutYRight
|
|
389
459
|
extends ComplexAnimationBuilder
|
|
390
460
|
implements IExitAnimationBuilder
|
|
@@ -431,6 +501,13 @@ export class FlipOutYRight
|
|
|
431
501
|
};
|
|
432
502
|
}
|
|
433
503
|
|
|
504
|
+
/**
|
|
505
|
+
* Eased rotate on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
506
|
+
*
|
|
507
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
508
|
+
*
|
|
509
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
510
|
+
*/
|
|
434
511
|
export class FlipOutEasyX
|
|
435
512
|
extends ComplexAnimationBuilder
|
|
436
513
|
implements IEntryExitAnimationBuilder
|
|
@@ -467,6 +544,13 @@ export class FlipOutEasyX
|
|
|
467
544
|
};
|
|
468
545
|
}
|
|
469
546
|
|
|
547
|
+
/**
|
|
548
|
+
* Eased rotate on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
549
|
+
*
|
|
550
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
551
|
+
*
|
|
552
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#flip
|
|
553
|
+
*/
|
|
470
554
|
export class FlipOutEasyY
|
|
471
555
|
extends ComplexAnimationBuilder
|
|
472
556
|
implements IEntryExitAnimationBuilder
|
|
@@ -8,6 +8,13 @@ import type {
|
|
|
8
8
|
IEntryExitAnimationBuilder,
|
|
9
9
|
} from '../animationBuilder/commonTypes';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* Entry from right animation with change in skew and opacity. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
13
|
+
*
|
|
14
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
15
|
+
*
|
|
16
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#lightspeed
|
|
17
|
+
*/
|
|
11
18
|
export class LightSpeedInRight
|
|
12
19
|
extends ComplexAnimationBuilder
|
|
13
20
|
implements IEntryExitAnimationBuilder
|
|
@@ -61,6 +68,13 @@ export class LightSpeedInRight
|
|
|
61
68
|
};
|
|
62
69
|
}
|
|
63
70
|
|
|
71
|
+
/**
|
|
72
|
+
* Entry from left animation with change in skew and opacity. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
73
|
+
*
|
|
74
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
75
|
+
*
|
|
76
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#lightspeed
|
|
77
|
+
*/
|
|
64
78
|
export class LightSpeedInLeft
|
|
65
79
|
extends ComplexAnimationBuilder
|
|
66
80
|
implements IEntryExitAnimationBuilder
|
|
@@ -114,6 +128,13 @@ export class LightSpeedInLeft
|
|
|
114
128
|
};
|
|
115
129
|
}
|
|
116
130
|
|
|
131
|
+
/**
|
|
132
|
+
* Exit to right animation with change in skew and opacity. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
133
|
+
*
|
|
134
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
135
|
+
*
|
|
136
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#lightspeed
|
|
137
|
+
*/
|
|
117
138
|
export class LightSpeedOutRight
|
|
118
139
|
extends ComplexAnimationBuilder
|
|
119
140
|
implements IEntryExitAnimationBuilder
|
|
@@ -159,6 +180,13 @@ export class LightSpeedOutRight
|
|
|
159
180
|
};
|
|
160
181
|
}
|
|
161
182
|
|
|
183
|
+
/**
|
|
184
|
+
* Exit to left animation with change in skew and opacity. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
185
|
+
*
|
|
186
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
187
|
+
*
|
|
188
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#lightspeed
|
|
189
|
+
*/
|
|
162
190
|
export class LightSpeedOutLeft
|
|
163
191
|
extends ComplexAnimationBuilder
|
|
164
192
|
implements IEntryExitAnimationBuilder
|
|
@@ -6,6 +6,13 @@ import type {
|
|
|
6
6
|
IEntryExitAnimationBuilder,
|
|
7
7
|
} from '../animationBuilder/commonTypes';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Entry with change in rotation, scale, and opacity. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
11
|
+
*
|
|
12
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
13
|
+
*
|
|
14
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#pinwheel
|
|
15
|
+
*/
|
|
9
16
|
export class PinwheelIn
|
|
10
17
|
extends ComplexAnimationBuilder
|
|
11
18
|
implements IEntryExitAnimationBuilder
|
|
@@ -55,6 +62,13 @@ export class PinwheelIn
|
|
|
55
62
|
};
|
|
56
63
|
}
|
|
57
64
|
|
|
65
|
+
/**
|
|
66
|
+
* Exit with change in rotation, scale, and opacity. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
67
|
+
*
|
|
68
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
69
|
+
*
|
|
70
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#pinwheel
|
|
71
|
+
*/
|
|
58
72
|
export class PinwheelOut
|
|
59
73
|
extends ComplexAnimationBuilder
|
|
60
74
|
implements IEntryExitAnimationBuilder
|
|
@@ -7,6 +7,13 @@ import type {
|
|
|
7
7
|
IEntryExitAnimationBuilder,
|
|
8
8
|
} from '../animationBuilder/commonTypes';
|
|
9
9
|
|
|
10
|
+
/**
|
|
11
|
+
* Roll from left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
12
|
+
*
|
|
13
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
14
|
+
*
|
|
15
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#roll
|
|
16
|
+
*/
|
|
10
17
|
export class RollInLeft
|
|
11
18
|
extends ComplexAnimationBuilder
|
|
12
19
|
implements IEntryExitAnimationBuilder
|
|
@@ -46,6 +53,13 @@ export class RollInLeft
|
|
|
46
53
|
};
|
|
47
54
|
}
|
|
48
55
|
|
|
56
|
+
/**
|
|
57
|
+
* Roll from right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
58
|
+
*
|
|
59
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
60
|
+
*
|
|
61
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#roll
|
|
62
|
+
*/
|
|
49
63
|
export class RollInRight
|
|
50
64
|
extends ComplexAnimationBuilder
|
|
51
65
|
implements IEntryExitAnimationBuilder
|
|
@@ -82,6 +96,13 @@ export class RollInRight
|
|
|
82
96
|
};
|
|
83
97
|
}
|
|
84
98
|
|
|
99
|
+
/**
|
|
100
|
+
* Roll to left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
101
|
+
*
|
|
102
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
103
|
+
*
|
|
104
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#roll
|
|
105
|
+
*/
|
|
85
106
|
export class RollOutLeft
|
|
86
107
|
extends ComplexAnimationBuilder
|
|
87
108
|
implements IEntryExitAnimationBuilder
|
|
@@ -123,6 +144,13 @@ export class RollOutLeft
|
|
|
123
144
|
};
|
|
124
145
|
}
|
|
125
146
|
|
|
147
|
+
/**
|
|
148
|
+
* Roll to right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
149
|
+
*
|
|
150
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
151
|
+
*
|
|
152
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#roll
|
|
153
|
+
*/
|
|
126
154
|
export class RollOutRight
|
|
127
155
|
extends ComplexAnimationBuilder
|
|
128
156
|
implements IEntryExitAnimationBuilder
|