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
|
@@ -9,6 +9,13 @@ import type {
|
|
|
9
9
|
IExitAnimationBuilder,
|
|
10
10
|
} from '../animationBuilder/commonTypes';
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Rotate to bottom from left edge. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
14
|
+
*
|
|
15
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
16
|
+
*
|
|
17
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#rotate
|
|
18
|
+
*/
|
|
12
19
|
export class RotateInDownLeft
|
|
13
20
|
extends ComplexAnimationBuilder
|
|
14
21
|
implements IEntryAnimationBuilder
|
|
@@ -52,6 +59,13 @@ export class RotateInDownLeft
|
|
|
52
59
|
};
|
|
53
60
|
}
|
|
54
61
|
|
|
62
|
+
/**
|
|
63
|
+
* Rotate to bottom from right edge. 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#rotate
|
|
68
|
+
*/
|
|
55
69
|
export class RotateInDownRight
|
|
56
70
|
extends ComplexAnimationBuilder
|
|
57
71
|
implements IEntryAnimationBuilder
|
|
@@ -95,6 +109,13 @@ export class RotateInDownRight
|
|
|
95
109
|
};
|
|
96
110
|
}
|
|
97
111
|
|
|
112
|
+
/**
|
|
113
|
+
* Rotate to top from left edge. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
114
|
+
*
|
|
115
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
116
|
+
*
|
|
117
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#rotate
|
|
118
|
+
*/
|
|
98
119
|
export class RotateInUpLeft
|
|
99
120
|
extends ComplexAnimationBuilder
|
|
100
121
|
implements IEntryAnimationBuilder
|
|
@@ -138,6 +159,13 @@ export class RotateInUpLeft
|
|
|
138
159
|
};
|
|
139
160
|
}
|
|
140
161
|
|
|
162
|
+
/**
|
|
163
|
+
* Rotate to top from right edge. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
164
|
+
*
|
|
165
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
166
|
+
*
|
|
167
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#rotate
|
|
168
|
+
*/
|
|
141
169
|
export class RotateInUpRight
|
|
142
170
|
extends ComplexAnimationBuilder
|
|
143
171
|
implements IEntryAnimationBuilder
|
|
@@ -181,6 +209,13 @@ export class RotateInUpRight
|
|
|
181
209
|
};
|
|
182
210
|
}
|
|
183
211
|
|
|
212
|
+
/**
|
|
213
|
+
* Rotate to bottom from left edge. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
214
|
+
*
|
|
215
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
216
|
+
*
|
|
217
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#rotate
|
|
218
|
+
*/
|
|
184
219
|
export class RotateOutDownLeft
|
|
185
220
|
extends ComplexAnimationBuilder
|
|
186
221
|
implements IExitAnimationBuilder
|
|
@@ -236,6 +271,13 @@ export class RotateOutDownLeft
|
|
|
236
271
|
};
|
|
237
272
|
}
|
|
238
273
|
|
|
274
|
+
/**
|
|
275
|
+
* Rotate to bottom from right edge. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
276
|
+
*
|
|
277
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
278
|
+
*
|
|
279
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#rotate
|
|
280
|
+
*/
|
|
239
281
|
export class RotateOutDownRight
|
|
240
282
|
extends ComplexAnimationBuilder
|
|
241
283
|
implements IExitAnimationBuilder
|
|
@@ -291,6 +333,13 @@ export class RotateOutDownRight
|
|
|
291
333
|
};
|
|
292
334
|
}
|
|
293
335
|
|
|
336
|
+
/**
|
|
337
|
+
* Rotate to top from left edge. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
338
|
+
*
|
|
339
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
340
|
+
*
|
|
341
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#rotate
|
|
342
|
+
*/
|
|
294
343
|
export class RotateOutUpLeft
|
|
295
344
|
extends ComplexAnimationBuilder
|
|
296
345
|
implements IExitAnimationBuilder
|
|
@@ -346,6 +395,13 @@ export class RotateOutUpLeft
|
|
|
346
395
|
};
|
|
347
396
|
}
|
|
348
397
|
|
|
398
|
+
/**
|
|
399
|
+
* Rotate to top from right edge. 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#rotate
|
|
404
|
+
*/
|
|
349
405
|
export class RotateOutUpRight
|
|
350
406
|
extends ComplexAnimationBuilder
|
|
351
407
|
implements IExitAnimationBuilder
|
|
@@ -9,6 +9,13 @@ import type {
|
|
|
9
9
|
import type { BaseAnimationBuilder } from '../animationBuilder';
|
|
10
10
|
import { ComplexAnimationBuilder } from '../animationBuilder';
|
|
11
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Slide from right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
14
|
+
*
|
|
15
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
16
|
+
*
|
|
17
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
18
|
+
*/
|
|
12
19
|
export class SlideInRight
|
|
13
20
|
extends ComplexAnimationBuilder
|
|
14
21
|
implements IEntryAnimationBuilder
|
|
@@ -45,6 +52,13 @@ export class SlideInRight
|
|
|
45
52
|
};
|
|
46
53
|
}
|
|
47
54
|
|
|
55
|
+
/**
|
|
56
|
+
* Slide from left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
57
|
+
*
|
|
58
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
59
|
+
*
|
|
60
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
61
|
+
*/
|
|
48
62
|
export class SlideInLeft
|
|
49
63
|
extends ComplexAnimationBuilder
|
|
50
64
|
implements IEntryAnimationBuilder
|
|
@@ -81,6 +95,13 @@ export class SlideInLeft
|
|
|
81
95
|
};
|
|
82
96
|
}
|
|
83
97
|
|
|
98
|
+
/**
|
|
99
|
+
* Slide to right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
100
|
+
*
|
|
101
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
102
|
+
*
|
|
103
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
104
|
+
*/
|
|
84
105
|
export class SlideOutRight
|
|
85
106
|
extends ComplexAnimationBuilder
|
|
86
107
|
implements IExitAnimationBuilder
|
|
@@ -123,6 +144,13 @@ export class SlideOutRight
|
|
|
123
144
|
};
|
|
124
145
|
}
|
|
125
146
|
|
|
147
|
+
/**
|
|
148
|
+
* Slide to left 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#slide
|
|
153
|
+
*/
|
|
126
154
|
export class SlideOutLeft
|
|
127
155
|
extends ComplexAnimationBuilder
|
|
128
156
|
implements IExitAnimationBuilder
|
|
@@ -165,6 +193,13 @@ export class SlideOutLeft
|
|
|
165
193
|
};
|
|
166
194
|
}
|
|
167
195
|
|
|
196
|
+
/**
|
|
197
|
+
* Slide from top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
198
|
+
*
|
|
199
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
200
|
+
*
|
|
201
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
202
|
+
*/
|
|
168
203
|
export class SlideInUp
|
|
169
204
|
extends ComplexAnimationBuilder
|
|
170
205
|
implements IEntryAnimationBuilder
|
|
@@ -201,6 +236,13 @@ export class SlideInUp
|
|
|
201
236
|
};
|
|
202
237
|
}
|
|
203
238
|
|
|
239
|
+
/**
|
|
240
|
+
* Slide from bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
241
|
+
*
|
|
242
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
243
|
+
*
|
|
244
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
245
|
+
*/
|
|
204
246
|
export class SlideInDown
|
|
205
247
|
extends ComplexAnimationBuilder
|
|
206
248
|
implements IEntryAnimationBuilder
|
|
@@ -237,6 +279,13 @@ export class SlideInDown
|
|
|
237
279
|
};
|
|
238
280
|
}
|
|
239
281
|
|
|
282
|
+
/**
|
|
283
|
+
* Slide to top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
284
|
+
*
|
|
285
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
286
|
+
*
|
|
287
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
288
|
+
*/
|
|
240
289
|
export class SlideOutUp
|
|
241
290
|
extends ComplexAnimationBuilder
|
|
242
291
|
implements IExitAnimationBuilder
|
|
@@ -276,6 +325,13 @@ export class SlideOutUp
|
|
|
276
325
|
};
|
|
277
326
|
}
|
|
278
327
|
|
|
328
|
+
/**
|
|
329
|
+
* Slide to bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
330
|
+
*
|
|
331
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
332
|
+
*
|
|
333
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#slide
|
|
334
|
+
*/
|
|
279
335
|
export class SlideOutDown
|
|
280
336
|
extends ComplexAnimationBuilder
|
|
281
337
|
implements IExitAnimationBuilder
|
|
@@ -6,6 +6,13 @@ import type {
|
|
|
6
6
|
import type { BaseAnimationBuilder } from '../animationBuilder';
|
|
7
7
|
import { ComplexAnimationBuilder } from '../animationBuilder';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Stretch animation on the X axis. 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/#stretch
|
|
15
|
+
*/
|
|
9
16
|
export class StretchInX
|
|
10
17
|
extends ComplexAnimationBuilder
|
|
11
18
|
implements IEntryExitAnimationBuilder
|
|
@@ -39,6 +46,13 @@ export class StretchInX
|
|
|
39
46
|
};
|
|
40
47
|
}
|
|
41
48
|
|
|
49
|
+
/**
|
|
50
|
+
* Stretch animation on the Y axis. 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/#stretch
|
|
55
|
+
*/
|
|
42
56
|
export class StretchInY
|
|
43
57
|
extends ComplexAnimationBuilder
|
|
44
58
|
implements IEntryExitAnimationBuilder
|
|
@@ -72,6 +86,13 @@ export class StretchInY
|
|
|
72
86
|
};
|
|
73
87
|
}
|
|
74
88
|
|
|
89
|
+
/**
|
|
90
|
+
* Stretch animation on the X axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
91
|
+
*
|
|
92
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
93
|
+
*
|
|
94
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#stretch
|
|
95
|
+
*/
|
|
75
96
|
export class StretchOutX
|
|
76
97
|
extends ComplexAnimationBuilder
|
|
77
98
|
implements IEntryExitAnimationBuilder
|
|
@@ -105,6 +126,13 @@ export class StretchOutX
|
|
|
105
126
|
};
|
|
106
127
|
}
|
|
107
128
|
|
|
129
|
+
/**
|
|
130
|
+
* Stretch animation on the Y axis. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
131
|
+
*
|
|
132
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
133
|
+
*
|
|
134
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#stretch
|
|
135
|
+
*/
|
|
108
136
|
export class StretchOutY
|
|
109
137
|
extends ComplexAnimationBuilder
|
|
110
138
|
implements IEntryExitAnimationBuilder
|
|
@@ -12,6 +12,13 @@ import type {
|
|
|
12
12
|
import type { BaseAnimationBuilder } from '../animationBuilder';
|
|
13
13
|
import { ComplexAnimationBuilder } from '../animationBuilder';
|
|
14
14
|
|
|
15
|
+
/**
|
|
16
|
+
* Scale from center animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
17
|
+
*
|
|
18
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
19
|
+
*
|
|
20
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
21
|
+
*/
|
|
15
22
|
export class ZoomIn
|
|
16
23
|
extends ComplexAnimationBuilder
|
|
17
24
|
implements IEntryExitAnimationBuilder
|
|
@@ -45,6 +52,13 @@ export class ZoomIn
|
|
|
45
52
|
};
|
|
46
53
|
}
|
|
47
54
|
|
|
55
|
+
/**
|
|
56
|
+
* Scale from center with rotation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
57
|
+
*
|
|
58
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
59
|
+
*
|
|
60
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
61
|
+
*/
|
|
48
62
|
export class ZoomInRotate
|
|
49
63
|
extends ComplexAnimationBuilder
|
|
50
64
|
implements IEntryExitAnimationBuilder
|
|
@@ -82,6 +96,13 @@ export class ZoomInRotate
|
|
|
82
96
|
};
|
|
83
97
|
}
|
|
84
98
|
|
|
99
|
+
/**
|
|
100
|
+
* Scale from left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
101
|
+
*
|
|
102
|
+
* You pass it to the `entering` 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/#zoom
|
|
105
|
+
*/
|
|
85
106
|
export class ZoomInLeft
|
|
86
107
|
extends ComplexAnimationBuilder
|
|
87
108
|
implements IEntryExitAnimationBuilder
|
|
@@ -118,6 +139,13 @@ export class ZoomInLeft
|
|
|
118
139
|
};
|
|
119
140
|
}
|
|
120
141
|
|
|
142
|
+
/**
|
|
143
|
+
* Scale from right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
144
|
+
*
|
|
145
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
146
|
+
*
|
|
147
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
148
|
+
*/
|
|
121
149
|
export class ZoomInRight
|
|
122
150
|
extends ComplexAnimationBuilder
|
|
123
151
|
implements IEntryExitAnimationBuilder
|
|
@@ -154,6 +182,13 @@ export class ZoomInRight
|
|
|
154
182
|
};
|
|
155
183
|
}
|
|
156
184
|
|
|
185
|
+
/**
|
|
186
|
+
* Scale from top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
187
|
+
*
|
|
188
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
189
|
+
*
|
|
190
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
191
|
+
*/
|
|
157
192
|
export class ZoomInUp
|
|
158
193
|
extends ComplexAnimationBuilder
|
|
159
194
|
implements IEntryExitAnimationBuilder
|
|
@@ -190,6 +225,13 @@ export class ZoomInUp
|
|
|
190
225
|
};
|
|
191
226
|
}
|
|
192
227
|
|
|
228
|
+
/**
|
|
229
|
+
* Scale from bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
230
|
+
*
|
|
231
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
232
|
+
*
|
|
233
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
234
|
+
*/
|
|
193
235
|
export class ZoomInDown
|
|
194
236
|
extends ComplexAnimationBuilder
|
|
195
237
|
implements IEntryExitAnimationBuilder
|
|
@@ -226,6 +268,13 @@ export class ZoomInDown
|
|
|
226
268
|
};
|
|
227
269
|
}
|
|
228
270
|
|
|
271
|
+
/**
|
|
272
|
+
* Eased scale from top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
273
|
+
*
|
|
274
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
275
|
+
*
|
|
276
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
277
|
+
*/
|
|
229
278
|
export class ZoomInEasyUp
|
|
230
279
|
extends ComplexAnimationBuilder
|
|
231
280
|
implements IEntryAnimationBuilder
|
|
@@ -262,6 +311,13 @@ export class ZoomInEasyUp
|
|
|
262
311
|
};
|
|
263
312
|
}
|
|
264
313
|
|
|
314
|
+
/**
|
|
315
|
+
* Eased scale from bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
316
|
+
*
|
|
317
|
+
* You pass it to the `entering` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
318
|
+
*
|
|
319
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
320
|
+
*/
|
|
265
321
|
export class ZoomInEasyDown
|
|
266
322
|
extends ComplexAnimationBuilder
|
|
267
323
|
implements IEntryAnimationBuilder
|
|
@@ -298,6 +354,13 @@ export class ZoomInEasyDown
|
|
|
298
354
|
};
|
|
299
355
|
}
|
|
300
356
|
|
|
357
|
+
/**
|
|
358
|
+
* Scale to center animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
359
|
+
*
|
|
360
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
361
|
+
*
|
|
362
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
363
|
+
*/
|
|
301
364
|
export class ZoomOut
|
|
302
365
|
extends ComplexAnimationBuilder
|
|
303
366
|
implements IEntryExitAnimationBuilder
|
|
@@ -331,6 +394,13 @@ export class ZoomOut
|
|
|
331
394
|
};
|
|
332
395
|
}
|
|
333
396
|
|
|
397
|
+
/**
|
|
398
|
+
* Scale to center with rotation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
399
|
+
*
|
|
400
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
401
|
+
*
|
|
402
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
403
|
+
*/
|
|
334
404
|
export class ZoomOutRotate
|
|
335
405
|
extends ComplexAnimationBuilder
|
|
336
406
|
implements IEntryExitAnimationBuilder
|
|
@@ -368,6 +438,13 @@ export class ZoomOutRotate
|
|
|
368
438
|
};
|
|
369
439
|
}
|
|
370
440
|
|
|
441
|
+
/**
|
|
442
|
+
* Scale to left animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
443
|
+
*
|
|
444
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
445
|
+
*
|
|
446
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
447
|
+
*/
|
|
371
448
|
export class ZoomOutLeft
|
|
372
449
|
extends ComplexAnimationBuilder
|
|
373
450
|
implements IEntryExitAnimationBuilder
|
|
@@ -409,6 +486,13 @@ export class ZoomOutLeft
|
|
|
409
486
|
};
|
|
410
487
|
}
|
|
411
488
|
|
|
489
|
+
/**
|
|
490
|
+
* Scale to right animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
491
|
+
*
|
|
492
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
493
|
+
*
|
|
494
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
495
|
+
*/
|
|
412
496
|
export class ZoomOutRight
|
|
413
497
|
extends ComplexAnimationBuilder
|
|
414
498
|
implements IEntryExitAnimationBuilder
|
|
@@ -450,6 +534,13 @@ export class ZoomOutRight
|
|
|
450
534
|
};
|
|
451
535
|
}
|
|
452
536
|
|
|
537
|
+
/**
|
|
538
|
+
* Scale to top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
539
|
+
*
|
|
540
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
541
|
+
*
|
|
542
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
543
|
+
*/
|
|
453
544
|
export class ZoomOutUp
|
|
454
545
|
extends ComplexAnimationBuilder
|
|
455
546
|
implements IEntryExitAnimationBuilder
|
|
@@ -491,6 +582,13 @@ export class ZoomOutUp
|
|
|
491
582
|
};
|
|
492
583
|
}
|
|
493
584
|
|
|
585
|
+
/**
|
|
586
|
+
* Scale to bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
587
|
+
*
|
|
588
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
589
|
+
*
|
|
590
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
591
|
+
*/
|
|
494
592
|
export class ZoomOutDown
|
|
495
593
|
extends ComplexAnimationBuilder
|
|
496
594
|
implements IEntryExitAnimationBuilder
|
|
@@ -532,6 +630,13 @@ export class ZoomOutDown
|
|
|
532
630
|
};
|
|
533
631
|
}
|
|
534
632
|
|
|
633
|
+
/**
|
|
634
|
+
* Eased scale to top animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
635
|
+
*
|
|
636
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
637
|
+
*
|
|
638
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
639
|
+
*/
|
|
535
640
|
export class ZoomOutEasyUp
|
|
536
641
|
extends ComplexAnimationBuilder
|
|
537
642
|
implements IExitAnimationBuilder
|
|
@@ -573,6 +678,13 @@ export class ZoomOutEasyUp
|
|
|
573
678
|
};
|
|
574
679
|
}
|
|
575
680
|
|
|
681
|
+
/**
|
|
682
|
+
* Eased scale to bottom animation. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
683
|
+
*
|
|
684
|
+
* You pass it to the `exiting` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
685
|
+
*
|
|
686
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
|
|
687
|
+
*/
|
|
576
688
|
export class ZoomOutEasyDown
|
|
577
689
|
extends ComplexAnimationBuilder
|
|
578
690
|
implements IExitAnimationBuilder
|
|
@@ -8,6 +8,13 @@ import type { EasingFunction } from '../../Easing';
|
|
|
8
8
|
import { Easing } from '../../Easing';
|
|
9
9
|
import { withTiming } from '../../animation';
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* Layout transitions with a curved animation. You can modify the behavior by chaining methods like `.duration(500)` or `.delay(500)`.
|
|
13
|
+
*
|
|
14
|
+
* You pass it to the `layout` 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/layout-transitions#fading-transition
|
|
17
|
+
*/
|
|
11
18
|
export class CurvedTransition
|
|
12
19
|
extends BaseAnimationBuilder
|
|
13
20
|
implements ILayoutAnimationBuilder
|
|
@@ -246,6 +246,14 @@ export class EntryExitTransition
|
|
|
246
246
|
};
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
+
/**
|
|
250
|
+
* Lets you combine two layout animations into a layout transition. You can modify the behavior by chaining methods like `.delay(500)`.
|
|
251
|
+
*
|
|
252
|
+
* @param exiting - Layout animation used when components are removed from layout (eg. `FadeOut`).
|
|
253
|
+
* @param entering - Layout animation used when components are added to layout (eg. `FadeIn`).
|
|
254
|
+
* @returns A custom layout transition. You pass it to the `layout` prop on [an Animated component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
|
|
255
|
+
* @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#combine-transition
|
|
256
|
+
*/
|
|
249
257
|
export function combineTransition(
|
|
250
258
|
exiting: BaseAnimationBuilder | typeof BaseAnimationBuilder,
|
|
251
259
|
entering: BaseAnimationBuilder | typeof BaseAnimationBuilder
|
|
@@ -6,6 +6,13 @@ import type {
|
|
|
6
6
|
} from '../animationBuilder/commonTypes';
|
|
7
7
|
import { BaseAnimationBuilder } from '../animationBuilder';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Fades out components from one position and shows them in another. You can modify the behavior by chaining methods like `.duration(500)` or `.delay(500)`.
|
|
11
|
+
*
|
|
12
|
+
* You pass it to the `layout` 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/layout-transitions#fading-transition
|
|
15
|
+
*/
|
|
9
16
|
export class FadingTransition
|
|
10
17
|
extends BaseAnimationBuilder
|
|
11
18
|
implements ILayoutAnimationBuilder
|
|
@@ -6,6 +6,14 @@ import type {
|
|
|
6
6
|
import { withSequence, withTiming } from '../../animation';
|
|
7
7
|
import { Easing } from '../../Easing';
|
|
8
8
|
import { BaseAnimationBuilder } from '../animationBuilder';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Layout jumps - quite literally - from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
12
|
+
*
|
|
13
|
+
* You pass it to the `layout` 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/layout-transitions#jumping-transition
|
|
16
|
+
*/
|
|
9
17
|
export class JumpingTransition
|
|
10
18
|
extends BaseAnimationBuilder
|
|
11
19
|
implements ILayoutAnimationBuilder
|
|
@@ -6,6 +6,13 @@ import type {
|
|
|
6
6
|
LayoutAnimationFunction,
|
|
7
7
|
} from '../animationBuilder/commonTypes';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Linearly transforms the layout from one position to another. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
11
|
+
*
|
|
12
|
+
* You pass it to the `layout` 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/layout-transitions#linear-transition
|
|
15
|
+
*/
|
|
9
16
|
export class LinearTransition
|
|
10
17
|
extends ComplexAnimationBuilder
|
|
11
18
|
implements ILayoutAnimationBuilder
|
|
@@ -49,7 +56,7 @@ export class LinearTransition
|
|
|
49
56
|
};
|
|
50
57
|
}
|
|
51
58
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
59
|
+
/**
|
|
60
|
+
* @deprecated Please use {@link LinearTransition} instead.
|
|
61
|
+
*/
|
|
55
62
|
export const Layout = LinearTransition;
|
|
@@ -6,6 +6,13 @@ import type {
|
|
|
6
6
|
} from '../animationBuilder/commonTypes';
|
|
7
7
|
import { BaseAnimationBuilder } from '../animationBuilder';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* Transforms layout starting from the X-axis and width first, followed by the Y-axis and height. You can modify the behavior by chaining methods like `.springify()` or `.duration(500)`.
|
|
11
|
+
*
|
|
12
|
+
* You pass it to the `layout` 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/layout-transitions#sequenced-transition
|
|
15
|
+
*/
|
|
9
16
|
export class SequencedTransition
|
|
10
17
|
extends BaseAnimationBuilder
|
|
11
18
|
implements ILayoutAnimationBuilder
|