react-native-reanimated 2.3.0-alpha.3 → 2.3.0-beta.4
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/Common/cpp/LayoutAnimations/LayoutAnimationsProxy.cpp +15 -8
- package/Common/cpp/NativeModules/NativeReanimatedModule.cpp +176 -154
- package/Common/cpp/NativeModules/NativeReanimatedModuleSpec.cpp +49 -33
- package/Common/cpp/Registries/EventHandlerRegistry.cpp +14 -7
- package/Common/cpp/Registries/MapperRegistry.cpp +24 -20
- package/Common/cpp/Registries/WorkletsCache.cpp +19 -9
- package/Common/cpp/SharedItems/FrozenObject.cpp +17 -8
- package/Common/cpp/SharedItems/MutableValue.cpp +38 -25
- package/Common/cpp/SharedItems/MutableValueSetterProxy.cpp +11 -7
- package/Common/cpp/SharedItems/RemoteObject.cpp +9 -5
- package/Common/cpp/SharedItems/ShareableValue.cpp +211 -160
- package/Common/cpp/Tools/FeaturesConfig.cpp +5 -0
- package/Common/cpp/Tools/JSIStoreValueUser.cpp +25 -6
- package/Common/cpp/Tools/Mapper.cpp +30 -30
- package/Common/cpp/Tools/RuntimeDecorator.cpp +124 -86
- package/Common/cpp/Tools/Scheduler.cpp +6 -5
- package/Common/cpp/Tools/WorkletEventHandler.cpp +4 -2
- package/Common/cpp/headers/LayoutAnimations/LayoutAnimationsProxy.h +12 -11
- package/Common/cpp/headers/NativeModules/NativeReanimatedModule.h +50 -31
- package/Common/cpp/headers/NativeModules/NativeReanimatedModuleSpec.h +34 -16
- package/Common/cpp/headers/Registries/EventHandlerRegistry.h +15 -8
- package/Common/cpp/headers/Registries/MapperRegistry.h +5 -4
- package/Common/cpp/headers/Registries/WorkletsCache.h +9 -7
- package/Common/cpp/headers/SharedItems/FrozenObject.h +19 -11
- package/Common/cpp/headers/SharedItems/HostFunctionHandler.h +8 -4
- package/Common/cpp/headers/SharedItems/MutableValue.h +23 -12
- package/Common/cpp/headers/SharedItems/MutableValueSetterProxy.h +12 -7
- package/Common/cpp/headers/SharedItems/RemoteObject.h +19 -8
- package/Common/cpp/headers/SharedItems/RuntimeManager.h +26 -25
- package/Common/cpp/headers/SharedItems/ShareableValue.h +32 -27
- package/Common/cpp/headers/SharedItems/SharedParent.h +10 -7
- package/Common/cpp/headers/SharedItems/ValueWrapper.h +95 -72
- package/Common/cpp/headers/SpecTools/ErrorHandler.h +18 -19
- package/Common/cpp/headers/Tools/FeaturesConfig.h +19 -0
- package/Common/cpp/headers/Tools/JSIStoreValueUser.h +13 -16
- package/Common/cpp/headers/Tools/Mapper.h +19 -16
- package/Common/cpp/headers/Tools/PlatformDepMethodsHolder.h +17 -7
- package/Common/cpp/headers/Tools/ReanimatedHiddenHeaders.h +7 -11
- package/Common/cpp/headers/Tools/RuntimeDecorator.h +36 -27
- package/Common/cpp/headers/Tools/Scheduler.h +30 -35
- package/Common/cpp/headers/Tools/WorkletEventHandler.h +11 -8
- package/Common/cpp/hidden_headers/Logger.h +14 -14
- package/Common/cpp/hidden_headers/LoggerInterface.h +8 -9
- package/Common/cpp/hidden_headers/SpeedChecker.h +7 -8
- package/README.md +1 -1
- package/RNReanimated.podspec +24 -6
- package/android/build.gradle +38 -29
- package/android/react-native-reanimated-63-hermes.aar +0 -0
- package/android/react-native-reanimated-63-jsc.aar +0 -0
- package/android/react-native-reanimated-64-hermes.aar +0 -0
- package/android/react-native-reanimated-64-jsc.aar +0 -0
- package/android/react-native-reanimated-65-hermes.aar +0 -0
- package/android/react-native-reanimated-65-jsc.aar +0 -0
- package/android/react-native-reanimated-66-hermes.aar +0 -0
- package/android/react-native-reanimated-66-jsc.aar +0 -0
- package/android/react-native-reanimated-67-hermes.aar +0 -0
- package/android/react-native-reanimated-67-jsc.aar +0 -0
- package/ios/LayoutReanimation/REAAnimationsManager.h +10 -8
- package/ios/LayoutReanimation/REAAnimationsManager.m +91 -87
- package/ios/LayoutReanimation/REASnapshot.h +2 -2
- package/ios/LayoutReanimation/REASnapshot.m +8 -7
- package/ios/LayoutReanimation/REAUIManager.h +4 -4
- package/ios/LayoutReanimation/REAUIManager.mm +116 -70
- package/ios/Nodes/REAAlwaysNode.m +14 -15
- package/ios/Nodes/REABezierNode.m +8 -7
- package/ios/Nodes/REABlockNode.m +1 -1
- package/ios/Nodes/REACallFuncNode.h +0 -1
- package/ios/Nodes/REACallFuncNode.m +10 -8
- package/ios/Nodes/REAClockNodes.m +22 -20
- package/ios/Nodes/REAConcatNode.h +0 -1
- package/ios/Nodes/REAConcatNode.m +2 -2
- package/ios/Nodes/REACondNode.m +7 -5
- package/ios/Nodes/READebugNode.m +5 -4
- package/ios/Nodes/REAEventNode.m +1 -1
- package/ios/Nodes/REAFunctionNode.h +0 -1
- package/ios/Nodes/REAFunctionNode.m +2 -2
- package/ios/Nodes/REAJSCallNode.m +4 -5
- package/ios/Nodes/REANode.h +3 -4
- package/ios/Nodes/REANode.m +9 -11
- package/ios/Nodes/REAOperatorNode.m +68 -67
- package/ios/Nodes/REAParamNode.h +1 -3
- package/ios/Nodes/REAParamNode.m +15 -17
- package/ios/Nodes/REAPropsNode.h +1 -3
- package/ios/Nodes/REAPropsNode.m +19 -22
- package/ios/Nodes/REASetNode.h +0 -1
- package/ios/Nodes/REASetNode.m +7 -5
- package/ios/Nodes/REAStyleNode.h +0 -1
- package/ios/Nodes/REAStyleNode.m +2 -4
- package/ios/Nodes/REATransformNode.h +0 -1
- package/ios/Nodes/REATransformNode.m +3 -5
- package/ios/Nodes/REAValueNode.m +5 -7
- package/ios/REAEventDispatcher.m +4 -4
- package/ios/REAModule.h +0 -2
- package/ios/REAModule.m +29 -38
- package/ios/REANodesManager.h +11 -19
- package/ios/REANodesManager.m +106 -130
- package/ios/REAUtils.h +5 -3
- package/ios/RNGestureHandlerStateManager.h +5 -0
- package/ios/Transitioning/RCTConvert+REATransition.m +45 -29
- package/ios/Transitioning/REAAllTransitions.h +2 -2
- package/ios/Transitioning/REAAllTransitions.m +14 -25
- package/ios/Transitioning/REATransition.h +8 -7
- package/ios/Transitioning/REATransition.m +19 -16
- package/ios/Transitioning/REATransitionAnimation.h +1 -1
- package/ios/Transitioning/REATransitionAnimation.m +2 -3
- package/ios/Transitioning/REATransitionManager.m +3 -3
- package/ios/native/NativeMethods.h +20 -5
- package/ios/native/NativeMethods.mm +14 -6
- package/ios/native/NativeProxy.h +4 -2
- package/ios/native/NativeProxy.mm +84 -63
- package/ios/native/REAIOSErrorHandler.h +13 -10
- package/ios/native/REAIOSErrorHandler.mm +19 -15
- package/ios/native/REAIOSLogger.h +8 -8
- package/ios/native/REAIOSLogger.mm +10 -6
- package/ios/native/REAIOSScheduler.h +5 -5
- package/ios/native/REAIOSScheduler.mm +17 -10
- package/ios/native/REAInitializer.h +5 -7
- package/ios/native/REAInitializer.mm +43 -31
- package/ios/native/UIResponder+Reanimated.mm +2 -2
- package/lib/Animated.js +9 -1
- package/lib/ConfigHelper.js +121 -138
- package/lib/ReanimatedEventEmitter.js +0 -1
- package/lib/ReanimatedModule.js +0 -1
- package/lib/ReanimatedModule.macos.js +0 -1
- package/lib/ReanimatedModule.native.js +5 -6
- package/lib/ReanimatedModule.windows.js +0 -1
- package/lib/ReanimatedModuleCompat.js +64 -35
- package/lib/createAnimatedComponent.js +468 -487
- package/lib/index.js +9 -1
- package/lib/reanimated2/NativeMethods.js +7 -12
- package/lib/reanimated2/NativeReanimated/NativeReanimated.js +37 -0
- package/lib/reanimated2/NativeReanimated/index.js +15 -0
- package/lib/reanimated2/PropAdapters.js +0 -1
- package/lib/reanimated2/UpdateProps.js +6 -7
- package/lib/reanimated2/ViewDescriptorsSet.js +4 -4
- package/lib/reanimated2/WorkletEventHandler.js +15 -13
- package/lib/reanimated2/animation/delay.js +8 -2
- package/lib/reanimated2/animation/spring.js +2 -0
- package/lib/reanimated2/animation/styleAnimation.js +7 -3
- package/lib/reanimated2/animation/util.js +25 -2
- package/lib/reanimated2/core.js +41 -17
- package/lib/reanimated2/globals.d.ts +21 -1
- package/lib/reanimated2/hook/useAnimatedRef.js +1 -1
- package/lib/reanimated2/hook/useAnimatedStyle.js +3 -3
- package/lib/reanimated2/index.js +1 -0
- package/lib/reanimated2/interpolation.js +95 -87
- package/lib/reanimated2/js-reanimated/JSReanimated.js +13 -10
- package/lib/reanimated2/js-reanimated/Mapper.js +4 -3
- package/lib/reanimated2/js-reanimated/MapperRegistry.js +3 -6
- package/lib/reanimated2/js-reanimated/MutableValue.js +0 -2
- package/lib/reanimated2/js-reanimated/index.js +10 -8
- package/lib/reanimated2/layoutReanimation/LayoutAnimationRepository.js +33 -2
- package/lib/reanimated2/layoutReanimation/animationBuilder/BaseAnimationBuilder.js +27 -124
- package/lib/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.js +125 -0
- package/lib/reanimated2/layoutReanimation/animationBuilder/index.js +1 -2
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Bounce.js +115 -45
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Default.js +7 -2
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Fade.js +21 -21
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Flip.js +25 -25
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Lightspeed.js +19 -17
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Pinwheel.js +5 -5
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Roll.js +9 -9
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Rotate.js +17 -17
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Slide.js +19 -19
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Stretch.js +9 -9
- package/lib/reanimated2/layoutReanimation/defaultAnimations/Zoom.js +33 -33
- package/lib/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.js +78 -0
- package/lib/reanimated2/layoutReanimation/defaultTransitions/EntryExitTransition.js +128 -0
- package/lib/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.js +37 -0
- package/lib/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.js +41 -0
- package/lib/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.js +34 -0
- package/lib/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.js +46 -0
- package/lib/reanimated2/layoutReanimation/defaultTransitions/index.js +6 -0
- package/lib/reanimated2/layoutReanimation/index.js +1 -0
- package/lib/reanimated2/mock.js +3 -1
- package/lib/reanimated2/utils.js +9 -0
- package/lib/setAndForwardRef.js +14 -48
- package/libSo/fbjni/jni/arm64-v8a/libfbjni.so +0 -0
- package/libSo/fbjni/jni/armeabi-v7a/libfbjni.so +0 -0
- package/libSo/fbjni/jni/x86/libfbjni.so +0 -0
- package/libSo/fbjni/jni/x86_64/libfbjni.so +0 -0
- package/mock.js +1 -1
- package/package.json +28 -17
- package/plugin.js +220 -39
- package/react-native-reanimated.d.ts +542 -547
- package/src/Animated.js +9 -1
- package/src/{ConfigHelper.js → ConfigHelper.ts} +15 -7
- package/src/{ReanimatedEventEmitter.js → ReanimatedEventEmitter.ts} +0 -0
- package/src/{ReanimatedModule.js → ReanimatedModule.macos.ts} +0 -0
- package/src/{ReanimatedModule.native.js → ReanimatedModule.native.ts} +0 -0
- package/src/{ReanimatedModule.macos.js → ReanimatedModule.ts} +0 -0
- package/src/{ReanimatedModule.windows.js → ReanimatedModule.windows.ts} +0 -0
- package/src/ReanimatedModuleCompat.ts +51 -0
- package/src/{createAnimatedComponent.js → createAnimatedComponent.tsx} +285 -126
- package/src/reanimated2/NativeMethods.ts +34 -13
- package/src/reanimated2/NativeReanimated/NativeReanimated.ts +72 -0
- package/src/reanimated2/NativeReanimated/index.ts +18 -0
- package/src/reanimated2/PropAdapters.ts +0 -1
- package/src/reanimated2/UpdateProps.ts +31 -15
- package/src/reanimated2/ViewDescriptorsSet.ts +15 -12
- package/src/reanimated2/WorkletEventHandler.ts +41 -23
- package/src/reanimated2/animation/commonTypes.ts +4 -4
- package/src/reanimated2/animation/decay.ts +2 -2
- package/src/reanimated2/animation/delay.ts +11 -5
- package/src/reanimated2/animation/index.ts +7 -7
- package/src/reanimated2/animation/repeat.ts +4 -4
- package/src/reanimated2/animation/sequence.ts +2 -2
- package/src/reanimated2/animation/spring.ts +6 -5
- package/src/reanimated2/animation/styleAnimation.ts +27 -15
- package/src/reanimated2/animation/timing.ts +5 -5
- package/src/reanimated2/animation/util.ts +47 -8
- package/src/reanimated2/commonTypes.ts +3 -0
- package/src/reanimated2/core.ts +80 -34
- package/src/reanimated2/globals.d.ts +21 -1
- package/src/reanimated2/hook/useAnimatedGestureHandler.ts +1 -1
- package/src/reanimated2/hook/useAnimatedRef.ts +13 -15
- package/src/reanimated2/hook/useAnimatedScrollHandler.ts +3 -3
- package/src/reanimated2/hook/useAnimatedStyle.ts +7 -7
- package/src/reanimated2/hook/utils.ts +4 -3
- package/src/reanimated2/index.ts +1 -0
- package/src/reanimated2/interpolation.ts +170 -103
- package/src/reanimated2/js-reanimated/JSReanimated.ts +37 -23
- package/src/reanimated2/js-reanimated/Mapper.ts +22 -9
- package/src/reanimated2/js-reanimated/MapperRegistry.ts +22 -19
- package/src/reanimated2/js-reanimated/MutableValue.ts +11 -11
- package/src/reanimated2/js-reanimated/index.ts +31 -14
- package/src/reanimated2/layoutReanimation/LayoutAnimationRepository.ts +75 -0
- package/src/reanimated2/layoutReanimation/animationBuilder/BaseAnimationBuilder.ts +29 -159
- package/src/reanimated2/layoutReanimation/animationBuilder/ComplexAnimationBuilder.ts +169 -0
- package/src/reanimated2/layoutReanimation/animationBuilder/Keyframe.ts +2 -2
- package/src/reanimated2/layoutReanimation/animationBuilder/commonTypes.ts +3 -9
- package/src/reanimated2/layoutReanimation/animationBuilder/index.ts +1 -5
- package/src/reanimated2/layoutReanimation/defaultAnimations/Bounce.ts +162 -82
- package/src/reanimated2/layoutReanimation/defaultAnimations/Default.ts +7 -2
- package/src/reanimated2/layoutReanimation/defaultAnimations/Fade.ts +32 -32
- package/src/reanimated2/layoutReanimation/defaultAnimations/Flip.ts +38 -38
- package/src/reanimated2/layoutReanimation/defaultAnimations/Lightspeed.ts +34 -32
- package/src/reanimated2/layoutReanimation/defaultAnimations/Pinwheel.ts +8 -8
- package/src/reanimated2/layoutReanimation/defaultAnimations/Roll.ts +14 -14
- package/src/reanimated2/layoutReanimation/defaultAnimations/Rotate.ts +26 -26
- package/src/reanimated2/layoutReanimation/defaultAnimations/Slide.ts +28 -28
- package/src/reanimated2/layoutReanimation/defaultAnimations/Stretch.ts +14 -14
- package/src/reanimated2/layoutReanimation/defaultAnimations/Zoom.ts +50 -50
- package/src/reanimated2/layoutReanimation/defaultTransitions/CurvedTransition.ts +104 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/EntryExitTransition.ts +213 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/FadingTransition.ts +60 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/JumpingTransition.ts +58 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/LinearTransition.ts +41 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/SequencedTransition.ts +78 -0
- package/src/reanimated2/layoutReanimation/defaultTransitions/index.ts +6 -0
- package/src/reanimated2/layoutReanimation/index.ts +1 -0
- package/src/reanimated2/mock.ts +3 -1
- package/src/reanimated2/utils.ts +21 -0
- package/src/{setAndForwardRef.js → setAndForwardRef.ts} +12 -2
- package/android/react-native-reanimated-62-hermes.aar +0 -0
- package/android/react-native-reanimated-62-jsc.aar +0 -0
- package/lib/reanimated2/NativeReanimated.js +0 -48
- package/lib/reanimated2/layoutReanimation/animationBuilder/BaseBounceAnimationBuilder.js +0 -55
- package/lib/reanimated2/layoutReanimation/animationBuilder/LayoutAnimationBuilder.js +0 -165
- package/src/ReanimatedModuleCompat.js +0 -37
- package/src/reanimated2/NativeReanimated.ts +0 -70
- package/src/reanimated2/layoutReanimation/LayoutAnimationRepository.tsx +0 -41
- package/src/reanimated2/layoutReanimation/animationBuilder/BaseBounceAnimationBuilder.ts +0 -82
- package/src/reanimated2/layoutReanimation/animationBuilder/LayoutAnimationBuilder.ts +0 -217
|
@@ -36,14 +36,26 @@ declare module 'react-native-reanimated' {
|
|
|
36
36
|
GestureHandlerGestureEvent,
|
|
37
37
|
PanGestureHandlerGestureEvent,
|
|
38
38
|
} from 'react-native-gesture-handler';
|
|
39
|
+
|
|
40
|
+
export {
|
|
41
|
+
Animation,
|
|
42
|
+
TimingAnimation,
|
|
43
|
+
SpringAnimation,
|
|
44
|
+
DecayAnimation,
|
|
45
|
+
DelayAnimation,
|
|
46
|
+
RepeatAnimation,
|
|
47
|
+
SequenceAnimation,
|
|
48
|
+
StyleLayoutAnimation,
|
|
49
|
+
} from './src/reanimated2/animation/index';
|
|
50
|
+
|
|
39
51
|
namespace Animated {
|
|
40
52
|
type Nullable<T> = T | null | undefined;
|
|
41
|
-
|
|
42
53
|
class AnimatedNode<T> {
|
|
43
54
|
constructor(
|
|
44
55
|
nodeConfig: object,
|
|
45
56
|
inputNodes?: ReadonlyArray<AnimatedNode<any>>
|
|
46
57
|
);
|
|
58
|
+
|
|
47
59
|
isNativelyInitialized(): boolean;
|
|
48
60
|
/**
|
|
49
61
|
* ' __value' is not available at runtime on AnimatedNode<T>. It is
|
|
@@ -52,7 +64,6 @@ declare module 'react-native-reanimated' {
|
|
|
52
64
|
*/
|
|
53
65
|
' __value': T;
|
|
54
66
|
}
|
|
55
|
-
|
|
56
67
|
class AnimatedClock extends AnimatedNode<number> {
|
|
57
68
|
constructor();
|
|
58
69
|
}
|
|
@@ -82,6 +93,11 @@ declare module 'react-native-reanimated' {
|
|
|
82
93
|
|
|
83
94
|
interpolate(config: InterpolationConfig): AnimatedNode<number>;
|
|
84
95
|
}
|
|
96
|
+
export interface AnimationState {
|
|
97
|
+
finished: AnimatedValue<number>;
|
|
98
|
+
position: AnimatedValue<number>;
|
|
99
|
+
time: AnimatedValue<number>;
|
|
100
|
+
}
|
|
85
101
|
|
|
86
102
|
export type SharedValue<T> = { value: T };
|
|
87
103
|
export type DerivedValue<T> = Readonly<SharedValue<T>>;
|
|
@@ -101,11 +117,54 @@ declare module 'react-native-reanimated' {
|
|
|
101
117
|
...others: Adaptable<number>[]
|
|
102
118
|
) => AnimatedNode<T>;
|
|
103
119
|
|
|
104
|
-
export
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
120
|
+
export type TransformStyleTypes = TransformsStyle['transform'] extends
|
|
121
|
+
| readonly (infer T)[]
|
|
122
|
+
| undefined
|
|
123
|
+
? T
|
|
124
|
+
: never;
|
|
125
|
+
export type AdaptTransforms<T> = {
|
|
126
|
+
[P in keyof T]: Adaptable<T[P]>;
|
|
127
|
+
};
|
|
128
|
+
export type AnimatedTransform = AdaptTransforms<TransformStyleTypes>[];
|
|
129
|
+
|
|
130
|
+
export type AnimateStyle<S> = {
|
|
131
|
+
[K in keyof S]: K extends 'transform'
|
|
132
|
+
? AnimatedTransform
|
|
133
|
+
: S[K] extends ReadonlyArray<any>
|
|
134
|
+
? ReadonlyArray<AnimateStyle<S[K][0]>>
|
|
135
|
+
: S[K] extends object
|
|
136
|
+
? AnimateStyle<S[K]>
|
|
137
|
+
: S[K] extends ColorValue | undefined
|
|
138
|
+
? S[K] | number
|
|
139
|
+
:
|
|
140
|
+
| S[K]
|
|
141
|
+
| AnimatedNode<
|
|
142
|
+
// allow `number` where `string` normally is to support colors
|
|
143
|
+
S[K] extends ColorValue | undefined ? S[K] | number : S[K]
|
|
144
|
+
>;
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
export type AnimateProps<P extends object> = {
|
|
148
|
+
[K in keyof P]: K extends 'style'
|
|
149
|
+
? StyleProp<AnimateStyle<P[K]>>
|
|
150
|
+
: P[K] | AnimatedNode<P[K]>;
|
|
151
|
+
} & {
|
|
152
|
+
animatedProps?: Partial<AnimateProps<P>>;
|
|
153
|
+
layout?:
|
|
154
|
+
| BaseAnimationBuilder
|
|
155
|
+
| LayoutAnimationFunction
|
|
156
|
+
| typeof BaseAnimationBuilder;
|
|
157
|
+
entering?:
|
|
158
|
+
| BaseAnimationBuilder
|
|
159
|
+
| typeof BaseAnimationBuilder
|
|
160
|
+
| EntryExitAnimationFunction
|
|
161
|
+
| Keyframe;
|
|
162
|
+
exiting?:
|
|
163
|
+
| BaseAnimationBuilder
|
|
164
|
+
| typeof BaseAnimationBuilder
|
|
165
|
+
| EntryExitAnimationFunction
|
|
166
|
+
| Keyframe;
|
|
167
|
+
};
|
|
109
168
|
|
|
110
169
|
export interface PhysicsAnimationState extends AnimationState {
|
|
111
170
|
velocity: AnimatedValue<number>;
|
|
@@ -116,12 +175,6 @@ declare module 'react-native-reanimated' {
|
|
|
116
175
|
export interface DecayConfig {
|
|
117
176
|
deceleration: Adaptable<number>;
|
|
118
177
|
}
|
|
119
|
-
export interface WithDecayConfig {
|
|
120
|
-
deceleration?: number;
|
|
121
|
-
velocity?: number;
|
|
122
|
-
clamp?: [number, number];
|
|
123
|
-
velocityFactor?: number;
|
|
124
|
-
}
|
|
125
178
|
export interface BackwardCompatibleWrapper {
|
|
126
179
|
start: (callback?: (data: { finished: boolean }) => any) => void;
|
|
127
180
|
stop: () => void;
|
|
@@ -151,17 +204,6 @@ declare module 'react-native-reanimated' {
|
|
|
151
204
|
restDisplacementThreshold: Adaptable<number>;
|
|
152
205
|
toValue: Adaptable<number>;
|
|
153
206
|
}
|
|
154
|
-
|
|
155
|
-
export interface WithSpringConfig {
|
|
156
|
-
damping?: number;
|
|
157
|
-
mass?: number;
|
|
158
|
-
stiffness?: number;
|
|
159
|
-
overshootClamping?: boolean;
|
|
160
|
-
restSpeedThreshold?: number;
|
|
161
|
-
restDisplacementThreshold?: number;
|
|
162
|
-
velocity?: number;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
207
|
interface SpringConfigWithOrigamiTensionAndFriction {
|
|
166
208
|
tension: Adaptable<number>;
|
|
167
209
|
mass: Adaptable<number>;
|
|
@@ -194,89 +236,6 @@ declare module 'react-native-reanimated' {
|
|
|
194
236
|
|
|
195
237
|
export const SpringUtils: SpringUtils;
|
|
196
238
|
|
|
197
|
-
export type TransformStyleTypes = TransformsStyle['transform'] extends
|
|
198
|
-
| readonly (infer T)[]
|
|
199
|
-
| undefined
|
|
200
|
-
? T
|
|
201
|
-
: never;
|
|
202
|
-
export type AdaptTransforms<T> = {
|
|
203
|
-
[P in keyof T]: Adaptable<T[P]>;
|
|
204
|
-
};
|
|
205
|
-
export type AnimatedTransform = AdaptTransforms<TransformStyleTypes>[];
|
|
206
|
-
|
|
207
|
-
export type AnimateStyle<S> = {
|
|
208
|
-
[K in keyof S]: K extends 'transform'
|
|
209
|
-
? AnimatedTransform
|
|
210
|
-
: S[K] extends ReadonlyArray<any>
|
|
211
|
-
? ReadonlyArray<AnimateStyle<S[K][0]>>
|
|
212
|
-
: S[K] extends object
|
|
213
|
-
? AnimateStyle<S[K]>
|
|
214
|
-
: S[K] extends ColorValue | undefined
|
|
215
|
-
? S[K] | number
|
|
216
|
-
:
|
|
217
|
-
| S[K]
|
|
218
|
-
| AnimatedNode<
|
|
219
|
-
// allow `number` where `string` normally is to support colors
|
|
220
|
-
S[K] extends ColorValue | undefined ? S[K] | number : S[K]
|
|
221
|
-
>;
|
|
222
|
-
};
|
|
223
|
-
|
|
224
|
-
export type LayoutAnimation = {
|
|
225
|
-
initialValues: StyleProps;
|
|
226
|
-
animations: AnimateStyle;
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
export type EntryExitAnimationsValues = {
|
|
230
|
-
originX: number;
|
|
231
|
-
originY: number;
|
|
232
|
-
width: number;
|
|
233
|
-
height: number;
|
|
234
|
-
globalOriginX: number;
|
|
235
|
-
globalOriginY: number;
|
|
236
|
-
};
|
|
237
|
-
export type EntryExitAnimationFunction = (
|
|
238
|
-
targetValues: EntryExitAnimationsValues
|
|
239
|
-
) => LayoutAnimation;
|
|
240
|
-
|
|
241
|
-
export type LayoutAnimationsValues = {
|
|
242
|
-
originX: number;
|
|
243
|
-
originY: number;
|
|
244
|
-
width: number;
|
|
245
|
-
height: number;
|
|
246
|
-
globalOriginX: number;
|
|
247
|
-
globalOriginY: number;
|
|
248
|
-
boriginX: number;
|
|
249
|
-
boriginY: number;
|
|
250
|
-
bwidth: number;
|
|
251
|
-
bheight: number;
|
|
252
|
-
bglobalOriginX: number;
|
|
253
|
-
bglobalOriginY: number;
|
|
254
|
-
};
|
|
255
|
-
export type LayoutAnimationFunction = (
|
|
256
|
-
targetValues: LayoutAnimationsValues
|
|
257
|
-
) => LayoutAnimation;
|
|
258
|
-
|
|
259
|
-
export type AnimateProps<P extends object> = {
|
|
260
|
-
[K in keyof P]: K extends 'style'
|
|
261
|
-
? StyleProp<AnimateStyle<P[K]>>
|
|
262
|
-
: P[K] | AnimatedNode<P[K]>;
|
|
263
|
-
} & {
|
|
264
|
-
animatedProps?: Partial<AnimateProps<P>>;
|
|
265
|
-
layout?: Layout | LayoutAnimationFunction;
|
|
266
|
-
entering?:
|
|
267
|
-
| BaseAnimationBuilder
|
|
268
|
-
| ZoomRotateAnimationBuilder
|
|
269
|
-
| BounceAnimationBuilder
|
|
270
|
-
| EntryExitAnimationFunction
|
|
271
|
-
| Keyframe;
|
|
272
|
-
exiting?:
|
|
273
|
-
| BaseAnimationBuilder
|
|
274
|
-
| ZoomRotateAnimationBuilder
|
|
275
|
-
| BounceAnimationBuilder
|
|
276
|
-
| EntryExitAnimationFunction
|
|
277
|
-
| Keyframe;
|
|
278
|
-
};
|
|
279
|
-
|
|
280
239
|
type CodeProps = {
|
|
281
240
|
exec?: AnimatedNode<number>;
|
|
282
241
|
children?: () => AnimatedNode<number>;
|
|
@@ -427,14 +386,6 @@ declare module 'react-native-reanimated' {
|
|
|
427
386
|
export const max: BinaryOperator;
|
|
428
387
|
export const min: BinaryOperator;
|
|
429
388
|
|
|
430
|
-
// reanimated2 derived operations
|
|
431
|
-
export function interpolate(
|
|
432
|
-
x: number,
|
|
433
|
-
inputRange: Array<number>,
|
|
434
|
-
outputRange: Array<number>,
|
|
435
|
-
type?: ExtrapolateParameter
|
|
436
|
-
): number;
|
|
437
|
-
|
|
438
389
|
// animations
|
|
439
390
|
export function decay(
|
|
440
391
|
clock: AnimatedClock,
|
|
@@ -465,38 +416,6 @@ declare module 'react-native-reanimated' {
|
|
|
465
416
|
config: DecayConfig
|
|
466
417
|
): BackwardCompatibleWrapper;
|
|
467
418
|
|
|
468
|
-
// reanimated2 animations
|
|
469
|
-
export interface WithTimingConfig {
|
|
470
|
-
duration?: number;
|
|
471
|
-
easing?: EasingFunction;
|
|
472
|
-
}
|
|
473
|
-
export function withTiming(
|
|
474
|
-
toValue: number | Exclude<ColorValue, OpaqueColorValue>, // string as a color value like `"rgba(20,20,20,0)"`
|
|
475
|
-
userConfig?: WithTimingConfig,
|
|
476
|
-
callback?: (isFinished: boolean) => void
|
|
477
|
-
): number;
|
|
478
|
-
export function withSpring(
|
|
479
|
-
toValue: number | Exclude<ColorValue, OpaqueColorValue>, // string as a color value like `"rgba(20,20,20,0)"`
|
|
480
|
-
userConfig?: WithSpringConfig,
|
|
481
|
-
callback?: (isFinished: boolean) => void
|
|
482
|
-
): number;
|
|
483
|
-
export function withDecay(
|
|
484
|
-
userConfig: WithDecayConfig,
|
|
485
|
-
callback?: (isFinished: boolean) => void
|
|
486
|
-
): number;
|
|
487
|
-
export function cancelAnimation<T>(sharedValue: SharedValue<T>): void;
|
|
488
|
-
export function withDelay(
|
|
489
|
-
delayMS: number,
|
|
490
|
-
delayedAnimation: number
|
|
491
|
-
): number;
|
|
492
|
-
export function withRepeat(
|
|
493
|
-
animation: number,
|
|
494
|
-
numberOfReps?: number,
|
|
495
|
-
reverse?: boolean,
|
|
496
|
-
callback?: (isFinished: boolean) => void
|
|
497
|
-
): number;
|
|
498
|
-
export function withSequence(...animations: [number, ...number[]]): number;
|
|
499
|
-
|
|
500
419
|
// hooks
|
|
501
420
|
export function useCode(
|
|
502
421
|
exec: () =>
|
|
@@ -508,314 +427,500 @@ declare module 'react-native-reanimated' {
|
|
|
508
427
|
initialValue: T
|
|
509
428
|
): AnimatedValue<T>;
|
|
510
429
|
|
|
511
|
-
//
|
|
512
|
-
export function
|
|
513
|
-
|
|
514
|
-
):
|
|
515
|
-
export function
|
|
516
|
-
|
|
517
|
-
): (...args: Parameters<typeof fn>) => void;
|
|
518
|
-
|
|
519
|
-
type PropsAdapterFunction = (props: Record<string, unknown>) => void;
|
|
520
|
-
export function createAnimatedPropAdapter(
|
|
521
|
-
adapter: PropsAdapterFunction,
|
|
522
|
-
nativeProps?: string[]
|
|
523
|
-
): PropsAdapterFunction;
|
|
524
|
-
|
|
525
|
-
export function processColor(color: number | string): number;
|
|
526
|
-
export function createWorklet<A extends any[], R>(
|
|
527
|
-
fn: (...args: A) => R
|
|
528
|
-
): (...args: Parameters<typeof fn>) => R;
|
|
529
|
-
|
|
530
|
-
export function interpolateColor(
|
|
531
|
-
value: number,
|
|
532
|
-
inputRange: readonly number[],
|
|
533
|
-
outputRange: readonly (string | number)[],
|
|
534
|
-
colorSpace?: 'RGB' | 'HSV'
|
|
535
|
-
): string | number;
|
|
536
|
-
|
|
537
|
-
export function makeMutable<T>(initialValue: T): SharedValue<T>;
|
|
538
|
-
|
|
539
|
-
type DependencyList = ReadonlyArray<any>;
|
|
540
|
-
|
|
541
|
-
// reanimated2 hooks
|
|
542
|
-
export function useSharedValue<T>(initialValue: T): SharedValue<T>;
|
|
543
|
-
|
|
544
|
-
export function useDerivedValue<T>(
|
|
545
|
-
processor: () => T,
|
|
546
|
-
deps?: DependencyList
|
|
547
|
-
): DerivedValue<T>;
|
|
548
|
-
|
|
549
|
-
export function useAnimatedReaction<D>(
|
|
550
|
-
prepare: () => D,
|
|
551
|
-
react: (prepareResult: D, preparePreviousResult: D | null) => void,
|
|
552
|
-
deps?: DependencyList
|
|
553
|
-
): void;
|
|
430
|
+
// configuration
|
|
431
|
+
export function addWhitelistedNativeProps(props: {
|
|
432
|
+
[key: string]: true;
|
|
433
|
+
}): void;
|
|
434
|
+
export function addWhitelistedUIProps(props: { [key: string]: true }): void;
|
|
435
|
+
}
|
|
554
436
|
|
|
555
|
-
|
|
556
|
-
| AnimateStyle<T>
|
|
557
|
-
| RegisteredStyle<AnimateStyle<T>>;
|
|
558
|
-
export function useAnimatedStyle<
|
|
559
|
-
T extends AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>
|
|
560
|
-
>(updater: () => T, deps?: DependencyList | null): T;
|
|
561
|
-
export function useAnimatedProps<T extends {}>(
|
|
562
|
-
updater: () => Partial<T>,
|
|
563
|
-
deps?: DependencyList | null,
|
|
564
|
-
adapters?: PropsAdapterFunction | PropsAdapterFunction[] | null
|
|
565
|
-
): Partial<T>;
|
|
566
|
-
export function useEvent<T extends {}>(
|
|
567
|
-
handler: (e: T) => void,
|
|
568
|
-
eventNames?: string[],
|
|
569
|
-
rebuild?: boolean
|
|
570
|
-
): (e: NativeSyntheticEvent<T>) => void;
|
|
571
|
-
export function useHandler<T, TContext extends Context = {}>(
|
|
572
|
-
handlers: Record<string, Handler<T, TContext>>,
|
|
573
|
-
deps?: DependencyList
|
|
574
|
-
): { context: TContext; doDependenciesDiffer: boolean; useWeb: boolean };
|
|
575
|
-
export function useAnimatedGestureHandler<
|
|
576
|
-
T extends GestureHandlerGestureEvent = PanGestureHandlerGestureEvent,
|
|
577
|
-
TContext extends Context = {}
|
|
578
|
-
>(
|
|
579
|
-
handlers: GestureHandlers<T['nativeEvent'], TContext>,
|
|
580
|
-
deps?: DependencyList
|
|
581
|
-
): OnGestureEvent<T>;
|
|
582
|
-
export function useAnimatedScrollHandler<TContext extends Context = {}>(
|
|
583
|
-
handler: ScrollHandler<TContext>,
|
|
584
|
-
deps?: DependencyList
|
|
585
|
-
): OnScroll;
|
|
586
|
-
export function useAnimatedScrollHandler<TContext extends Context = {}>(
|
|
587
|
-
handlers: ScrollHandlers<TContext>,
|
|
588
|
-
deps?: DependencyList
|
|
589
|
-
): OnScroll;
|
|
590
|
-
export function useWorkletCallback<A extends any[], R>(
|
|
591
|
-
fn: (...args: A) => R,
|
|
592
|
-
deps?: DependencyList
|
|
593
|
-
): (...args: Parameters<typeof fn>) => R;
|
|
594
|
-
|
|
595
|
-
export function useAnimatedRef<T extends Component>(): RefObject<T>;
|
|
596
|
-
export function defineAnimation<T>(starting: any, factory: () => T): number;
|
|
597
|
-
export function measure<T extends Component>(
|
|
598
|
-
ref: RefObject<T>
|
|
599
|
-
): {
|
|
600
|
-
width: number;
|
|
601
|
-
height: number;
|
|
602
|
-
x: number;
|
|
603
|
-
y: number;
|
|
604
|
-
pageX: number;
|
|
605
|
-
pageY: number;
|
|
606
|
-
};
|
|
437
|
+
export default Animated;
|
|
607
438
|
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
439
|
+
export type SharedValue<T> = Animated.SharedValue<T>;
|
|
440
|
+
export type AnimateStyle<S> = Animated.AnimateStyle<S>;
|
|
441
|
+
export type DerivedValue<T> = Animated.DerivedValue<T>;
|
|
442
|
+
export type Mapping = Animated.Mapping;
|
|
443
|
+
export type Adaptable<T> = Animated.Adaptable<T>;
|
|
444
|
+
export type TransformStyleTypes = Animated.TransformStyleTypes;
|
|
445
|
+
export type AdaptTransforms<T> = Animated.AdaptTransforms<T>;
|
|
446
|
+
export type AnimatedTransform = Animated.AnimatedTransform;
|
|
447
|
+
export type AnimateProps<P extends object> = Animated.AnimateProps<P>;
|
|
448
|
+
|
|
449
|
+
export type LayoutAnimation = {
|
|
450
|
+
initialValues: StyleProps;
|
|
451
|
+
animations: AnimateStyle;
|
|
452
|
+
};
|
|
453
|
+
|
|
454
|
+
export type EntryExitAnimationsValues = {
|
|
455
|
+
originX: number;
|
|
456
|
+
originY: number;
|
|
457
|
+
width: number;
|
|
458
|
+
height: number;
|
|
459
|
+
globalOriginX: number;
|
|
460
|
+
globalOriginY: number;
|
|
461
|
+
};
|
|
462
|
+
export type EntryExitAnimationFunction = (
|
|
463
|
+
targetValues: EntryExitAnimationsValues
|
|
464
|
+
) => LayoutAnimation;
|
|
465
|
+
|
|
466
|
+
export type LayoutAnimationsValues = {
|
|
467
|
+
originX: number;
|
|
468
|
+
originY: number;
|
|
469
|
+
width: number;
|
|
470
|
+
height: number;
|
|
471
|
+
globalOriginX: number;
|
|
472
|
+
globalOriginY: number;
|
|
473
|
+
boriginX: number;
|
|
474
|
+
boriginY: number;
|
|
475
|
+
bwidth: number;
|
|
476
|
+
bheight: number;
|
|
477
|
+
bglobalOriginX: number;
|
|
478
|
+
bglobalOriginY: number;
|
|
479
|
+
windowWidth: number;
|
|
480
|
+
windowHeight: number;
|
|
481
|
+
};
|
|
482
|
+
export type LayoutAnimationFunction = (
|
|
483
|
+
targetValues: LayoutAnimationsValues
|
|
484
|
+
) => LayoutAnimation;
|
|
485
|
+
|
|
486
|
+
export interface ILayoutAnimationBuilder {
|
|
487
|
+
build: () => LayoutAnimationFunction;
|
|
488
|
+
}
|
|
614
489
|
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
) => void;
|
|
490
|
+
export interface IEntryExitAnimationBuilder {
|
|
491
|
+
build: () => EntryExitAnimationFunction;
|
|
492
|
+
}
|
|
619
493
|
|
|
620
|
-
|
|
494
|
+
export type AnimatableValue = number | string | Array<number>;
|
|
621
495
|
|
|
622
|
-
|
|
496
|
+
// reanimated2 derived operations
|
|
497
|
+
export enum Extrapolation {
|
|
498
|
+
IDENTITY = 'identity',
|
|
499
|
+
CLAMP = 'clamp',
|
|
500
|
+
EXTEND = 'extend',
|
|
501
|
+
}
|
|
502
|
+
export interface InterpolatedNode {
|
|
503
|
+
__nodeId: number;
|
|
504
|
+
}
|
|
505
|
+
export interface ExtrapolationConfig {
|
|
506
|
+
extrapolateLeft?: Extrapolation | string;
|
|
507
|
+
extrapolateRight?: Extrapolation | string;
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
export type ExtrapolationType =
|
|
511
|
+
| ExtrapolationConfig
|
|
512
|
+
| Extrapolation
|
|
513
|
+
| string
|
|
514
|
+
| undefined;
|
|
515
|
+
|
|
516
|
+
export function interpolate(
|
|
517
|
+
x: number,
|
|
518
|
+
input: readonly number[],
|
|
519
|
+
output: readonly number[],
|
|
520
|
+
type?: ExtrapolationType
|
|
521
|
+
): number;
|
|
522
|
+
|
|
523
|
+
// reanimated2 animations
|
|
524
|
+
export type AnimationCallback = (
|
|
525
|
+
finished?: boolean,
|
|
526
|
+
current?: AnimatableValue
|
|
527
|
+
) => void;
|
|
528
|
+
export interface WithTimingConfig {
|
|
529
|
+
duration?: number;
|
|
530
|
+
easing?: EasingFunction;
|
|
531
|
+
}
|
|
532
|
+
export interface WithDecayConfig {
|
|
533
|
+
deceleration?: number;
|
|
534
|
+
velocity?: number;
|
|
535
|
+
clamp?: [number, number];
|
|
536
|
+
velocityFactor?: number;
|
|
537
|
+
}
|
|
538
|
+
export interface WithSpringConfig {
|
|
539
|
+
damping?: number;
|
|
540
|
+
mass?: number;
|
|
541
|
+
stiffness?: number;
|
|
542
|
+
overshootClamping?: boolean;
|
|
543
|
+
restSpeedThreshold?: number;
|
|
544
|
+
restDisplacementThreshold?: number;
|
|
545
|
+
velocity?: number;
|
|
546
|
+
}
|
|
547
|
+
export function withTiming(
|
|
548
|
+
toValue: AnimatableValue,
|
|
549
|
+
userConfig?: WithTimingConfig,
|
|
550
|
+
callback?: AnimationCallback
|
|
551
|
+
): number;
|
|
552
|
+
export function withSpring(
|
|
553
|
+
toValue: AnimatableValue,
|
|
554
|
+
userConfig?: WithSpringConfig,
|
|
555
|
+
callback?: AnimationCallback
|
|
556
|
+
): number;
|
|
557
|
+
export function withDecay(
|
|
558
|
+
userConfig: WithDecayConfig,
|
|
559
|
+
callback?: AnimationCallback
|
|
560
|
+
): number;
|
|
561
|
+
export function cancelAnimation<T>(sharedValue: SharedValue<T>): void;
|
|
562
|
+
export function withDelay(delayMS: number, delayedAnimation: number): number;
|
|
563
|
+
export function withRepeat(
|
|
564
|
+
animation: number,
|
|
565
|
+
numberOfReps?: number,
|
|
566
|
+
reverse?: boolean,
|
|
567
|
+
callback?: AnimationCallback
|
|
568
|
+
): number;
|
|
569
|
+
export function withSequence(...animations: [number, ...number[]]): number;
|
|
570
|
+
|
|
571
|
+
// reanimated2 functions
|
|
572
|
+
export function runOnUI<A extends any[], R>(
|
|
573
|
+
fn: (...args: A) => R
|
|
574
|
+
): (...args: Parameters<typeof fn>) => void;
|
|
575
|
+
export function runOnJS<A extends any[], R>(
|
|
576
|
+
fn: (...args: A) => R
|
|
577
|
+
): (...args: Parameters<typeof fn>) => void;
|
|
578
|
+
|
|
579
|
+
type PropsAdapterFunction = (props: Record<string, unknown>) => void;
|
|
580
|
+
export function createAnimatedPropAdapter(
|
|
581
|
+
adapter: PropsAdapterFunction,
|
|
582
|
+
nativeProps?: string[]
|
|
583
|
+
): PropsAdapterFunction;
|
|
584
|
+
|
|
585
|
+
export function processColor(color: number | string): number;
|
|
586
|
+
export function createWorklet<A extends any[], R>(
|
|
587
|
+
fn: (...args: A) => R
|
|
588
|
+
): (...args: Parameters<typeof fn>) => R;
|
|
589
|
+
|
|
590
|
+
export function interpolateColor(
|
|
591
|
+
value: number,
|
|
592
|
+
inputRange: readonly number[],
|
|
593
|
+
outputRange: readonly (string | number)[],
|
|
594
|
+
colorSpace?: 'RGB' | 'HSV'
|
|
595
|
+
): string | number;
|
|
596
|
+
|
|
597
|
+
export function makeMutable<T>(initialValue: T): SharedValue<T>;
|
|
598
|
+
|
|
599
|
+
type DependencyList = ReadonlyArray<any>;
|
|
600
|
+
|
|
601
|
+
// reanimated2 hooks
|
|
602
|
+
export function useSharedValue<T>(initialValue: T): SharedValue<T>;
|
|
603
|
+
|
|
604
|
+
export function useDerivedValue<T>(
|
|
605
|
+
processor: () => T,
|
|
606
|
+
deps?: DependencyList
|
|
607
|
+
): DerivedValue<T>;
|
|
608
|
+
|
|
609
|
+
export function useAnimatedReaction<D>(
|
|
610
|
+
prepare: () => D,
|
|
611
|
+
react: (prepareResult: D, preparePreviousResult: D | null) => void,
|
|
612
|
+
deps?: DependencyList
|
|
613
|
+
): void;
|
|
614
|
+
|
|
615
|
+
export type AnimatedStyleProp<T> =
|
|
616
|
+
| AnimateStyle<T>
|
|
617
|
+
| RegisteredStyle<AnimateStyle<T>>;
|
|
618
|
+
export function useAnimatedStyle<
|
|
619
|
+
T extends AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>
|
|
620
|
+
>(updater: () => T, deps?: DependencyList | null): T;
|
|
621
|
+
export function useAnimatedProps<T extends {}>(
|
|
622
|
+
updater: () => Partial<T>,
|
|
623
|
+
deps?: DependencyList | null,
|
|
624
|
+
adapters?: PropsAdapterFunction | PropsAdapterFunction[] | null
|
|
625
|
+
): Partial<T>;
|
|
626
|
+
export function useEvent<T extends {}>(
|
|
627
|
+
handler: (e: T) => void,
|
|
628
|
+
eventNames?: string[],
|
|
629
|
+
rebuild?: boolean
|
|
630
|
+
): (e: NativeSyntheticEvent<T>) => void;
|
|
631
|
+
export function useHandler<T, TContext extends Context = {}>(
|
|
632
|
+
handlers: Record<string, Handler<T, TContext>>,
|
|
633
|
+
deps?: DependencyList
|
|
634
|
+
): { context: TContext; doDependenciesDiffer: boolean; useWeb: boolean };
|
|
635
|
+
export function useAnimatedGestureHandler<
|
|
636
|
+
T extends GestureHandlerGestureEvent = PanGestureHandlerGestureEvent,
|
|
637
|
+
TContext extends Context = {}
|
|
638
|
+
>(
|
|
639
|
+
handlers: GestureHandlers<T['nativeEvent'], TContext>,
|
|
640
|
+
deps?: DependencyList
|
|
641
|
+
): OnGestureEvent<T>;
|
|
642
|
+
export function useAnimatedScrollHandler<TContext extends Context = {}>(
|
|
643
|
+
handlers: ScrollHandlers<TContext> | ScrollHandler<TContext>,
|
|
644
|
+
deps?: DependencyList
|
|
645
|
+
): OnScroll;
|
|
646
|
+
export function useWorkletCallback<A extends any[], R>(
|
|
647
|
+
fn: (...args: A) => R,
|
|
648
|
+
deps?: DependencyList
|
|
649
|
+
): (...args: Parameters<typeof fn>) => R;
|
|
650
|
+
|
|
651
|
+
export function useAnimatedRef<T extends Component>(): RefObject<T>;
|
|
652
|
+
export function defineAnimation<T>(starting: any, factory: () => T): number;
|
|
653
|
+
export function measure<T extends Component>(
|
|
654
|
+
ref: RefObject<T>
|
|
655
|
+
): {
|
|
656
|
+
width: number;
|
|
657
|
+
height: number;
|
|
658
|
+
x: number;
|
|
659
|
+
y: number;
|
|
660
|
+
pageX: number;
|
|
661
|
+
pageY: number;
|
|
662
|
+
};
|
|
663
|
+
|
|
664
|
+
export function getRelativeCoords(
|
|
665
|
+
ref: RefObject<Component>,
|
|
666
|
+
x: number,
|
|
667
|
+
y: number
|
|
668
|
+
): {
|
|
669
|
+
x: number;
|
|
670
|
+
y: number;
|
|
671
|
+
};
|
|
672
|
+
|
|
673
|
+
export function scrollTo(
|
|
674
|
+
ref: RefObject<ReactNativeScrollView | ScrollView>,
|
|
675
|
+
x: number,
|
|
676
|
+
y: number,
|
|
677
|
+
animated: boolean
|
|
678
|
+
): void;
|
|
679
|
+
|
|
680
|
+
// gesture-handler
|
|
681
|
+
type OnGestureEvent<T extends GestureHandlerGestureEvent> = (
|
|
682
|
+
event: T
|
|
683
|
+
) => void;
|
|
684
|
+
|
|
685
|
+
type Context = Record<string, unknown>;
|
|
686
|
+
|
|
687
|
+
type Handler<T, TContext extends Context> = (
|
|
688
|
+
event: T,
|
|
689
|
+
context: TContext
|
|
690
|
+
) => void;
|
|
691
|
+
|
|
692
|
+
export interface GestureHandlers<T, TContext extends Context> {
|
|
693
|
+
onStart?: Handler<T, TContext>;
|
|
694
|
+
onActive?: Handler<T, TContext>;
|
|
695
|
+
onEnd?: Handler<T, TContext>;
|
|
696
|
+
onFail?: Handler<T, TContext>;
|
|
697
|
+
onCancel?: Handler<T, TContext>;
|
|
698
|
+
onFinish?: (
|
|
623
699
|
event: T,
|
|
624
|
-
context: TContext
|
|
700
|
+
context: TContext,
|
|
701
|
+
isCanceledOrFailed: boolean
|
|
625
702
|
) => void;
|
|
703
|
+
}
|
|
626
704
|
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
onActive?: Handler<T, TContext>;
|
|
630
|
-
onEnd?: Handler<T, TContext>;
|
|
631
|
-
onFail?: Handler<T, TContext>;
|
|
632
|
-
onCancel?: Handler<T, TContext>;
|
|
633
|
-
onFinish?: (
|
|
634
|
-
event: T,
|
|
635
|
-
context: TContext,
|
|
636
|
-
isCanceledOrFailed: boolean
|
|
637
|
-
) => void;
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
// scroll view
|
|
641
|
-
type OnScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
705
|
+
// scroll view
|
|
706
|
+
type OnScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
642
707
|
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
708
|
+
type ScrollHandler<TContext extends Context> = (
|
|
709
|
+
event: NativeScrollEvent,
|
|
710
|
+
context: TContext
|
|
711
|
+
) => void;
|
|
647
712
|
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
713
|
+
export interface ScrollHandlers<TContext extends Context> {
|
|
714
|
+
onScroll?: ScrollHandler<TContext>;
|
|
715
|
+
onBeginDrag?: ScrollHandler<TContext>;
|
|
716
|
+
onEndDrag?: ScrollHandler<TContext>;
|
|
717
|
+
onMomentumBegin?: ScrollHandler<TContext>;
|
|
718
|
+
onMomentumEnd?: ScrollHandler<TContext>;
|
|
719
|
+
}
|
|
720
|
+
export interface StyleProps extends ViewStyle, TextStyle {
|
|
721
|
+
originX?: number;
|
|
722
|
+
originY?: number;
|
|
723
|
+
[key: string]: any;
|
|
724
|
+
}
|
|
725
|
+
export type EasingFn = (t: number) => number;
|
|
726
|
+
export interface KeyframeProps extends StyleProps {
|
|
727
|
+
easing?: EasingFn;
|
|
728
|
+
[key: string]: any;
|
|
729
|
+
}
|
|
730
|
+
export class Keyframe {
|
|
731
|
+
constructor(definitions: Record<string, KeyframeProps>);
|
|
732
|
+
duration(durationMs: number): Keyframe;
|
|
733
|
+
delay(delayMs: number): Keyframe;
|
|
734
|
+
withCallback(callback: (finished: boolean) => void): Keyframe;
|
|
735
|
+
}
|
|
736
|
+
export class BaseAnimationBuilder {
|
|
737
|
+
static duration(durationMs: number): BaseAnimationBuilder;
|
|
738
|
+
duration(durationMs: number): BaseAnimationBuilder;
|
|
739
|
+
static delay(durationMs: number): BaseAnimationBuilder;
|
|
740
|
+
delay(durationMs: number): BaseAnimationBuilder;
|
|
741
|
+
static withCallback(
|
|
742
|
+
callback: (finished: boolean) => void
|
|
743
|
+
): BaseAnimationBuilder;
|
|
744
|
+
|
|
745
|
+
withCallback(callback: (finished: boolean) => void): BaseAnimationBuilder;
|
|
746
|
+
static randomDelay(): BaseAnimationBuilder;
|
|
747
|
+
randomDelay(): BaseAnimationBuilder;
|
|
748
|
+
build: () => LayoutAnimationFunction | EntryExitAnimationFunction;
|
|
749
|
+
}
|
|
655
750
|
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
751
|
+
export class ComplexAnimationBuilder extends BaseAnimationBuilder {
|
|
752
|
+
static duration(durationMs: number): ComplexAnimationBuilder;
|
|
753
|
+
duration(durationMs: number): ComplexAnimationBuilder;
|
|
754
|
+
static delay(durationMs: number): ComplexAnimationBuilder;
|
|
755
|
+
delay(durationMs: number): ComplexAnimationBuilder;
|
|
756
|
+
static withCallback(
|
|
757
|
+
callback: (finished: boolean) => void
|
|
758
|
+
): ComplexAnimationBuilder;
|
|
759
|
+
|
|
760
|
+
withCallback(
|
|
761
|
+
callback: (finished: boolean) => void
|
|
762
|
+
): ComplexAnimationBuilder;
|
|
763
|
+
|
|
764
|
+
static easing(easingFunction: EasingFunction): ComplexAnimationBuilder;
|
|
765
|
+
easing(easingFunction: EasingFunction): ComplexAnimationBuilder;
|
|
766
|
+
static springify(): ComplexAnimationBuilder;
|
|
767
|
+
springify(): ComplexAnimationBuilder;
|
|
768
|
+
static damping(dampingFactor: number): ComplexAnimationBuilder;
|
|
769
|
+
damping(dampingFactor: number): ComplexAnimationBuilder;
|
|
770
|
+
static mass(mass: number): ComplexAnimationBuilder;
|
|
771
|
+
mass(mass: number): ComplexAnimationBuilder;
|
|
772
|
+
static stiffness(stiffnessFactor: number): ComplexAnimationBuilder;
|
|
773
|
+
stiffness(stiffnessFactor: number): ComplexAnimationBuilder;
|
|
774
|
+
static overshootClamping(
|
|
775
|
+
overshootClampingFactor: number
|
|
776
|
+
): ComplexAnimationBuilder;
|
|
777
|
+
|
|
778
|
+
overshootClamping(overshootClampingFactor: number): ComplexAnimationBuilder;
|
|
779
|
+
|
|
780
|
+
static restDisplacementThreshold(
|
|
781
|
+
restDisplacementThresholdFactor: number
|
|
782
|
+
): ComplexAnimationBuilder;
|
|
783
|
+
|
|
784
|
+
restDisplacementThreshold(
|
|
785
|
+
restDisplacementThresholdFactor: number
|
|
786
|
+
): ComplexAnimationBuilder;
|
|
787
|
+
|
|
788
|
+
static restSpeedThreshold(
|
|
789
|
+
restSpeedThresholdFactor: number
|
|
790
|
+
): ComplexAnimationBuilder;
|
|
791
|
+
|
|
792
|
+
restSpeedThreshold(
|
|
793
|
+
restSpeedThresholdFactor: number
|
|
794
|
+
): ComplexAnimationBuilder;
|
|
795
|
+
}
|
|
661
796
|
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
797
|
+
export class Layout extends ComplexAnimationBuilder {}
|
|
798
|
+
export class FadingTransition extends BaseAnimationBuilder {}
|
|
799
|
+
export class SequencedTransition extends BaseAnimationBuilder {
|
|
800
|
+
static reverse(): SequencedTransition;
|
|
801
|
+
reverse(): SequencedTransition;
|
|
802
|
+
}
|
|
803
|
+
export class JumpingTransition extends BaseAnimationBuilder {}
|
|
804
|
+
export class CurvedTransition extends BaseAnimationBuilder {
|
|
805
|
+
static delay(durationMs: number): CurvedTransition;
|
|
806
|
+
delay(durationMs: number): CurvedTransition;
|
|
807
|
+
static easingX(easing: EasingFn): CurvedTransition;
|
|
667
808
|
|
|
668
|
-
|
|
669
|
-
export interface KeyframeProps extends StyleProps {
|
|
670
|
-
easing?: EasingFn;
|
|
671
|
-
[key: string]: any;
|
|
672
|
-
}
|
|
673
|
-
export class Keyframe {
|
|
674
|
-
constructor(definitions: Map<number, KeyframeProps[]>);
|
|
675
|
-
duration(durationMs: number): Keyframe;
|
|
676
|
-
delay(delayMs: number): Keyframe;
|
|
677
|
-
withCallback(callback: (finished: boolean) => void): Keyframe;
|
|
678
|
-
}
|
|
679
|
-
export class BaseAnimationBuilder {
|
|
680
|
-
static duration(durationMs: number): BaseAnimationBuilder;
|
|
681
|
-
duration(durationMs: number): BaseAnimationBuilder;
|
|
682
|
-
static easing(easingFunction: EasingFunction): BaseAnimationBuilder;
|
|
683
|
-
easing(easingFunction: EasingFunction): BaseAnimationBuilder;
|
|
684
|
-
static delay(durationMs: number): BaseAnimationBuilder;
|
|
685
|
-
delay(durationMs: number): BaseAnimationBuilder;
|
|
686
|
-
static springify(): BaseAnimationBuilder;
|
|
687
|
-
springify(): BaseAnimationBuilder;
|
|
688
|
-
static damping(dampingFactor: number): BaseAnimationBuilder;
|
|
689
|
-
damping(dampingFactor: number): BaseAnimationBuilder;
|
|
690
|
-
static mass(mass: number): BaseAnimationBuilder;
|
|
691
|
-
mass(mass: number): BaseAnimationBuilder;
|
|
692
|
-
static stiffness(stiffnessFactor: number): BaseAnimationBuilder;
|
|
693
|
-
stiffness(stiffnessFactor: number): BaseAnimationBuilder;
|
|
694
|
-
static overshootClamping(
|
|
695
|
-
overshootClampingFactor: number
|
|
696
|
-
): BaseAnimationBuilder;
|
|
697
|
-
overshootClamping(overshootClampingFactor: number): BaseAnimationBuilder;
|
|
698
|
-
static restDisplacementThreshold(
|
|
699
|
-
restDisplacementThresholdFactor: number
|
|
700
|
-
): BaseAnimationBuilder;
|
|
701
|
-
restDisplacementThreshold(
|
|
702
|
-
restDisplacementThresholdFactor: number
|
|
703
|
-
): BaseAnimationBuilder;
|
|
704
|
-
static restSpeedThreshold(
|
|
705
|
-
restSpeedThresholdFactor: number
|
|
706
|
-
): BaseAnimationBuilder;
|
|
707
|
-
restSpeedThreshold(
|
|
708
|
-
restSpeedThresholdFactor: number
|
|
709
|
-
): BaseAnimationBuilder;
|
|
710
|
-
static withCallback(
|
|
711
|
-
callback: (finished: boolean) => void
|
|
712
|
-
): BaseAnimationBuilder;
|
|
713
|
-
withCallback(callback: (finished: boolean) => void): BaseAnimationBuilder;
|
|
714
|
-
}
|
|
809
|
+
easingX(easing: EasingFn): CurvedTransition;
|
|
715
810
|
|
|
716
|
-
|
|
811
|
+
static easingY(easing: EasingFn): CurvedTransition;
|
|
717
812
|
|
|
718
|
-
|
|
719
|
-
static rotate(degree: number | string): BaseAnimationBuilder;
|
|
720
|
-
rotate(degree: number | string): BaseAnimationBuilder;
|
|
721
|
-
}
|
|
813
|
+
easingY(easing: EasingFn): CurvedTransition;
|
|
722
814
|
|
|
723
|
-
|
|
724
|
-
static duration(durationMs: number): BounceAnimationBuilder;
|
|
725
|
-
duration(durationMs: number): BounceAnimationBuilder;
|
|
726
|
-
static delay(durationMs: number): BounceAnimationBuilder;
|
|
727
|
-
delay(durationMs: number): BounceAnimationBuilder;
|
|
728
|
-
static withCallback(
|
|
729
|
-
callback: (finished: boolean) => void
|
|
730
|
-
): BounceAnimationBuilder;
|
|
731
|
-
|
|
732
|
-
withCallback(
|
|
733
|
-
callback: (finished: boolean) => void
|
|
734
|
-
): BounceAnimationBuilder;
|
|
735
|
-
}
|
|
815
|
+
static easingWidth(easing: EasingFn): CurvedTransition;
|
|
736
816
|
|
|
737
|
-
|
|
738
|
-
export class SlideOutRight extends BaseAnimationBuilder {}
|
|
739
|
-
export class SlideInUp extends BaseAnimationBuilder {}
|
|
740
|
-
export class SlideInDown extends BaseAnimationBuilder {}
|
|
741
|
-
export class SlideOutUp extends BaseAnimationBuilder {}
|
|
742
|
-
export class SlideOutDown extends BaseAnimationBuilder {}
|
|
743
|
-
export class FadeIn extends BaseAnimationBuilder {}
|
|
744
|
-
export class FadeInRight extends BaseAnimationBuilder {}
|
|
745
|
-
export class FadeInLeft extends BaseAnimationBuilder {}
|
|
746
|
-
export class FadeInUp extends BaseAnimationBuilder {}
|
|
747
|
-
export class FadeInDown extends BaseAnimationBuilder {}
|
|
748
|
-
export class FadeOut extends BaseAnimationBuilder {}
|
|
749
|
-
export class FadeOutRight extends BaseAnimationBuilder {}
|
|
750
|
-
export class FadeOutLeft extends BaseAnimationBuilder {}
|
|
751
|
-
export class FadeOutUp extends BaseAnimationBuilder {}
|
|
752
|
-
export class FadeOutDown extends BaseAnimationBuilder {}
|
|
753
|
-
export class SlideOutLeft extends BaseAnimationBuilder {}
|
|
754
|
-
export class SlideInLeft extends BaseAnimationBuilder {}
|
|
755
|
-
export class ZoomIn extends BaseAnimationBuilder {}
|
|
756
|
-
export class ZoomInRotate extends ZoomRotateAnimationBuilder {}
|
|
757
|
-
export class ZoomInRight extends BaseAnimationBuilder {}
|
|
758
|
-
export class ZoomInLeft extends BaseAnimationBuilder {}
|
|
759
|
-
export class ZoomInUp extends BaseAnimationBuilder {}
|
|
760
|
-
export class ZoomInDown extends BaseAnimationBuilder {}
|
|
761
|
-
export class ZoomInEasyUp extends BaseAnimationBuilder {}
|
|
762
|
-
export class ZoomInEasyDown extends BaseAnimationBuilder {}
|
|
763
|
-
export class ZoomOut extends BaseAnimationBuilder {}
|
|
764
|
-
export class ZoomOutRotate extends ZoomRotateAnimationBuilder {}
|
|
765
|
-
export class ZoomOutRight extends BaseAnimationBuilder {}
|
|
766
|
-
export class ZoomOutLeft extends BaseAnimationBuilder {}
|
|
767
|
-
export class ZoomOutUp extends BaseAnimationBuilder {}
|
|
768
|
-
export class ZoomOutDown extends BaseAnimationBuilder {}
|
|
769
|
-
export class ZoomOutEasyUp extends BaseAnimationBuilder {}
|
|
770
|
-
export class ZoomOutEasyDown extends BaseAnimationBuilder {}
|
|
771
|
-
export class StretchInX extends BaseAnimationBuilder {}
|
|
772
|
-
export class StretchInY extends BaseAnimationBuilder {}
|
|
773
|
-
export class StretchOutX extends BaseAnimationBuilder {}
|
|
774
|
-
export class StretchOutY extends BaseAnimationBuilder {}
|
|
775
|
-
export class FlipInXUp extends BaseAnimationBuilder {}
|
|
776
|
-
export class FlipInYLeft extends BaseAnimationBuilder {}
|
|
777
|
-
export class FlipInXDown extends BaseAnimationBuilder {}
|
|
778
|
-
export class FlipInYRight extends BaseAnimationBuilder {}
|
|
779
|
-
export class FlipInEasyX extends BaseAnimationBuilder {}
|
|
780
|
-
export class FlipInEasyY extends BaseAnimationBuilder {}
|
|
781
|
-
export class FlipOutXUp extends BaseAnimationBuilder {}
|
|
782
|
-
export class FlipOutYLeft extends BaseAnimationBuilder {}
|
|
783
|
-
export class FlipOutXDown extends BaseAnimationBuilder {}
|
|
784
|
-
export class FlipOutYRight extends BaseAnimationBuilder {}
|
|
785
|
-
export class FlipOutEasyX extends BaseAnimationBuilder {}
|
|
786
|
-
export class FlipOutEasyY extends BaseAnimationBuilder {}
|
|
787
|
-
export class BounceIn extends BounceAnimationBuilder {}
|
|
788
|
-
export class BounceInDown extends BounceAnimationBuilder {}
|
|
789
|
-
export class BounceInUp extends BounceAnimationBuilder {}
|
|
790
|
-
export class BounceInLeft extends BounceAnimationBuilder {}
|
|
791
|
-
export class BounceInRight extends BounceAnimationBuilder {}
|
|
792
|
-
export class BounceOut extends BounceAnimationBuilder {}
|
|
793
|
-
export class BounceOutDown extends BounceAnimationBuilder {}
|
|
794
|
-
export class BounceOutUp extends BounceAnimationBuilder {}
|
|
795
|
-
export class BounceOutLeft extends BounceAnimationBuilder {}
|
|
796
|
-
export class BounceOutRight extends BounceAnimationBuilder {}
|
|
797
|
-
export class LightSpeedInRight extends BaseAnimationBuilder {}
|
|
798
|
-
export class LightSpeedInLeft extends BaseAnimationBuilder {}
|
|
799
|
-
export class LightSpeedOutRight extends BaseAnimationBuilder {}
|
|
800
|
-
export class LightSpeedOutLeft extends BaseAnimationBuilder {}
|
|
801
|
-
export class PinwheelIn extends BaseAnimationBuilder {}
|
|
802
|
-
export class PinwheelOut extends BaseAnimationBuilder {}
|
|
803
|
-
export class RotateInDownLeft extends BaseAnimationBuilder {}
|
|
804
|
-
export class RotateInDownRight extends BaseAnimationBuilder {}
|
|
805
|
-
export class RotateInUpRight extends BaseAnimationBuilder {}
|
|
806
|
-
export class RotateInUpLeft extends BaseAnimationBuilder {}
|
|
807
|
-
export class RotateOutDownRight extends BaseAnimationBuilder {}
|
|
808
|
-
export class RotateOutDownLeft extends BaseAnimationBuilder {}
|
|
809
|
-
export class RotateOutUpLeft extends BaseAnimationBuilder {}
|
|
810
|
-
export class RotateOutUpRight extends BaseAnimationBuilder {}
|
|
811
|
-
export class RollInleft extends BaseAnimationBuilder {}
|
|
812
|
-
export class RollInRight extends BaseAnimationBuilder {}
|
|
813
|
-
export class RollOutLeft extends BaseAnimationBuilder {}
|
|
814
|
-
export class RollOutRight extends BaseAnimationBuilder {}
|
|
815
|
-
}
|
|
817
|
+
easingWidth(easing: EasingFn): CurvedTransition;
|
|
816
818
|
|
|
817
|
-
|
|
819
|
+
static easingHeight(easing: EasingFn): CurvedTransition;
|
|
818
820
|
|
|
821
|
+
easingHeight(easing: EasingFn): CurvedTransition;
|
|
822
|
+
}
|
|
823
|
+
export class EntryExitTransition extends BaseAnimationBuilder {
|
|
824
|
+
static delay(durationMs: number): EntryExitTransition;
|
|
825
|
+
delay(durationMs: number): EntryExitTransition;
|
|
826
|
+
static entering(
|
|
827
|
+
animation: BaseAnimationBuilder | typeof BaseAnimationBuilder
|
|
828
|
+
): EntryExitTransition;
|
|
829
|
+
|
|
830
|
+
entering(
|
|
831
|
+
animation: BaseAnimationBuilder | typeof BaseAnimationBuilder
|
|
832
|
+
): EntryExitTransition;
|
|
833
|
+
|
|
834
|
+
static exiting(
|
|
835
|
+
animation: BaseAnimationBuilder | typeof BaseAnimationBuilder
|
|
836
|
+
): EntryExitTransition;
|
|
837
|
+
|
|
838
|
+
exiting(
|
|
839
|
+
animation: BaseAnimationBuilder | typeof BaseAnimationBuilder
|
|
840
|
+
): EntryExitTransition;
|
|
841
|
+
}
|
|
842
|
+
export function combineTransition(
|
|
843
|
+
exiting: BaseAnimationBuilder | typeof BaseAnimationBuilder,
|
|
844
|
+
entering: BaseAnimationBuilder | typeof BaseAnimationBuilder
|
|
845
|
+
): EntryExitTransition;
|
|
846
|
+
export class SlideInRight extends ComplexAnimationBuilder {}
|
|
847
|
+
export class SlideOutRight extends ComplexAnimationBuilder {}
|
|
848
|
+
export class SlideInUp extends ComplexAnimationBuilder {}
|
|
849
|
+
export class SlideInDown extends ComplexAnimationBuilder {}
|
|
850
|
+
export class SlideOutUp extends ComplexAnimationBuilder {}
|
|
851
|
+
export class SlideOutDown extends ComplexAnimationBuilder {}
|
|
852
|
+
export class FadeIn extends ComplexAnimationBuilder {}
|
|
853
|
+
export class FadeInRight extends ComplexAnimationBuilder {}
|
|
854
|
+
export class FadeInLeft extends ComplexAnimationBuilder {}
|
|
855
|
+
export class FadeInUp extends ComplexAnimationBuilder {}
|
|
856
|
+
export class FadeInDown extends ComplexAnimationBuilder {}
|
|
857
|
+
export class FadeOut extends ComplexAnimationBuilder {}
|
|
858
|
+
export class FadeOutRight extends ComplexAnimationBuilder {}
|
|
859
|
+
export class FadeOutLeft extends ComplexAnimationBuilder {}
|
|
860
|
+
export class FadeOutUp extends ComplexAnimationBuilder {}
|
|
861
|
+
export class FadeOutDown extends ComplexAnimationBuilder {}
|
|
862
|
+
export class SlideOutLeft extends ComplexAnimationBuilder {}
|
|
863
|
+
export class SlideInLeft extends ComplexAnimationBuilder {}
|
|
864
|
+
export class ZoomIn extends ComplexAnimationBuilder {}
|
|
865
|
+
export class ZoomInRotate extends ComplexAnimationBuilder {}
|
|
866
|
+
export class ZoomInRight extends ComplexAnimationBuilder {}
|
|
867
|
+
export class ZoomInLeft extends ComplexAnimationBuilder {}
|
|
868
|
+
export class ZoomInUp extends ComplexAnimationBuilder {}
|
|
869
|
+
export class ZoomInDown extends ComplexAnimationBuilder {}
|
|
870
|
+
export class ZoomInEasyUp extends ComplexAnimationBuilder {}
|
|
871
|
+
export class ZoomInEasyDown extends ComplexAnimationBuilder {}
|
|
872
|
+
export class ZoomOut extends ComplexAnimationBuilder {}
|
|
873
|
+
export class ZoomOutRotate extends ComplexAnimationBuilder {}
|
|
874
|
+
export class ZoomOutRight extends ComplexAnimationBuilder {}
|
|
875
|
+
export class ZoomOutLeft extends ComplexAnimationBuilder {}
|
|
876
|
+
export class ZoomOutUp extends ComplexAnimationBuilder {}
|
|
877
|
+
export class ZoomOutDown extends ComplexAnimationBuilder {}
|
|
878
|
+
export class ZoomOutEasyUp extends ComplexAnimationBuilder {}
|
|
879
|
+
export class ZoomOutEasyDown extends ComplexAnimationBuilder {}
|
|
880
|
+
export class StretchInX extends ComplexAnimationBuilder {}
|
|
881
|
+
export class StretchInY extends ComplexAnimationBuilder {}
|
|
882
|
+
export class StretchOutX extends ComplexAnimationBuilder {}
|
|
883
|
+
export class StretchOutY extends ComplexAnimationBuilder {}
|
|
884
|
+
export class FlipInXUp extends ComplexAnimationBuilder {}
|
|
885
|
+
export class FlipInYLeft extends ComplexAnimationBuilder {}
|
|
886
|
+
export class FlipInXDown extends ComplexAnimationBuilder {}
|
|
887
|
+
export class FlipInYRight extends ComplexAnimationBuilder {}
|
|
888
|
+
export class FlipInEasyX extends ComplexAnimationBuilder {}
|
|
889
|
+
export class FlipInEasyY extends ComplexAnimationBuilder {}
|
|
890
|
+
export class FlipOutXUp extends ComplexAnimationBuilder {}
|
|
891
|
+
export class FlipOutYLeft extends ComplexAnimationBuilder {}
|
|
892
|
+
export class FlipOutXDown extends ComplexAnimationBuilder {}
|
|
893
|
+
export class FlipOutYRight extends ComplexAnimationBuilder {}
|
|
894
|
+
export class FlipOutEasyX extends ComplexAnimationBuilder {}
|
|
895
|
+
export class FlipOutEasyY extends ComplexAnimationBuilder {}
|
|
896
|
+
export class BounceIn extends BaseAnimationBuilder {}
|
|
897
|
+
export class BounceInDown extends BaseAnimationBuilder {}
|
|
898
|
+
export class BounceInUp extends BaseAnimationBuilder {}
|
|
899
|
+
export class BounceInLeft extends BaseAnimationBuilder {}
|
|
900
|
+
export class BounceInRight extends BaseAnimationBuilder {}
|
|
901
|
+
export class BounceOut extends BaseAnimationBuilder {}
|
|
902
|
+
export class BounceOutDown extends BaseAnimationBuilder {}
|
|
903
|
+
export class BounceOutUp extends BaseAnimationBuilder {}
|
|
904
|
+
export class BounceOutLeft extends BaseAnimationBuilder {}
|
|
905
|
+
export class BounceOutRight extends BaseAnimationBuilder {}
|
|
906
|
+
export class LightSpeedInRight extends ComplexAnimationBuilder {}
|
|
907
|
+
export class LightSpeedInLeft extends ComplexAnimationBuilder {}
|
|
908
|
+
export class LightSpeedOutRight extends ComplexAnimationBuilder {}
|
|
909
|
+
export class LightSpeedOutLeft extends ComplexAnimationBuilder {}
|
|
910
|
+
export class PinwheelIn extends ComplexAnimationBuilder {}
|
|
911
|
+
export class PinwheelOut extends ComplexAnimationBuilder {}
|
|
912
|
+
export class RotateInDownLeft extends ComplexAnimationBuilder {}
|
|
913
|
+
export class RotateInDownRight extends ComplexAnimationBuilder {}
|
|
914
|
+
export class RotateInUpRight extends ComplexAnimationBuilder {}
|
|
915
|
+
export class RotateInUpLeft extends ComplexAnimationBuilder {}
|
|
916
|
+
export class RotateOutDownRight extends ComplexAnimationBuilder {}
|
|
917
|
+
export class RotateOutDownLeft extends ComplexAnimationBuilder {}
|
|
918
|
+
export class RotateOutUpLeft extends ComplexAnimationBuilder {}
|
|
919
|
+
export class RotateOutUpRight extends ComplexAnimationBuilder {}
|
|
920
|
+
export class RollInLeft extends ComplexAnimationBuilder {}
|
|
921
|
+
export class RollInRight extends ComplexAnimationBuilder {}
|
|
922
|
+
export class RollOutLeft extends ComplexAnimationBuilder {}
|
|
923
|
+
export class RollOutRight extends ComplexAnimationBuilder {}
|
|
819
924
|
interface EasingNodeStatic {
|
|
820
925
|
linear: Animated.EasingNodeFunction;
|
|
821
926
|
ease: Animated.EasingNodeFunction;
|
|
@@ -896,7 +1001,6 @@ declare module 'react-native-reanimated' {
|
|
|
896
1001
|
| 'slide-right'
|
|
897
1002
|
| 'slide-left';
|
|
898
1003
|
}
|
|
899
|
-
|
|
900
1004
|
export class Transition extends Component {
|
|
901
1005
|
static In: ComponentClass<TransitionInOutProps>;
|
|
902
1006
|
static Out: ComponentClass<TransitionInOutProps>;
|
|
@@ -965,116 +1069,7 @@ declare module 'react-native-reanimated' {
|
|
|
965
1069
|
export const timing: typeof Animated.timing;
|
|
966
1070
|
export const spring: typeof Animated.spring;
|
|
967
1071
|
export const SpringUtils: typeof Animated.SpringUtils;
|
|
968
|
-
export const runOnUI: typeof Animated.runOnUI;
|
|
969
|
-
export const runOnJS: typeof Animated.runOnJS;
|
|
970
|
-
export const createAnimatedPropAdapter: typeof Animated.createAnimatedPropAdapter;
|
|
971
|
-
export const processColor: typeof Animated.processColor;
|
|
972
|
-
export const makeMutable: typeof Animated.makeMutable;
|
|
973
1072
|
export const useValue: typeof Animated.useValue;
|
|
974
|
-
export const useSharedValue: typeof Animated.useSharedValue;
|
|
975
|
-
export const useAnimatedStyle: typeof Animated.useAnimatedStyle;
|
|
976
|
-
export const useAnimatedReaction: typeof Animated.useAnimatedReaction;
|
|
977
|
-
export const useAnimatedProps: typeof Animated.useAnimatedProps;
|
|
978
|
-
export const useDerivedValue: typeof Animated.useDerivedValue;
|
|
979
|
-
export const useWorkletCallback: typeof Animated.useWorkletCallback;
|
|
980
|
-
export const createWorklet: typeof Animated.createWorklet;
|
|
981
|
-
export const interpolateColor: typeof Animated.interpolateColor;
|
|
982
|
-
export const useEvent: typeof Animated.useEvent;
|
|
983
|
-
export const useHandler: typeof Animated.useHandler;
|
|
984
|
-
export const useAnimatedGestureHandler: typeof Animated.useAnimatedGestureHandler;
|
|
985
|
-
export const useAnimatedScrollHandler: typeof Animated.useAnimatedScrollHandler;
|
|
986
|
-
export const useAnimatedRef: typeof Animated.useAnimatedRef;
|
|
987
|
-
export const defineAnimation: typeof Animated.defineAnimation;
|
|
988
|
-
export const measure: typeof Animated.measure;
|
|
989
|
-
export const scrollTo: typeof Animated.scrollTo;
|
|
990
|
-
export const withTiming: typeof Animated.withTiming;
|
|
991
|
-
export const withSpring: typeof Animated.withSpring;
|
|
992
|
-
export const withDecay: typeof Animated.withDecay;
|
|
993
|
-
export const cancelAnimation: typeof Animated.cancelAnimation;
|
|
994
|
-
export const withDelay: typeof Animated.withDelay;
|
|
995
|
-
export const withRepeat: typeof Animated.withRepeat;
|
|
996
|
-
export const withSequence: typeof Animated.withSequence;
|
|
997
|
-
export const interpolate: typeof Animated.interpolate;
|
|
998
|
-
|
|
999
|
-
export const Layout: typeof Animated.Layout;
|
|
1000
1073
|
export const ReverseAnimation: typeof Animated.ReverseAnimation;
|
|
1001
|
-
export
|
|
1002
|
-
export const SlideOutRight: typeof Animated.SlideOutRight;
|
|
1003
|
-
export const SlideInUp: typeof Animated.SlideInUp;
|
|
1004
|
-
export const SlideInDown: typeof Animated.SlideInDown;
|
|
1005
|
-
export const SlideOutUp: typeof Animated.SlideOutUp;
|
|
1006
|
-
export const SlideOutDown: typeof Animated.SlideOutDown;
|
|
1007
|
-
export const FadeIn: typeof Animated.FadeIn;
|
|
1008
|
-
export const FadeInRight: typeof Animated.FadeInRight;
|
|
1009
|
-
export const FadeInLeft: typeof Animated.FadeInLeft;
|
|
1010
|
-
export const FadeInUp: typeof Animated.FadeInUp;
|
|
1011
|
-
export const FadeInDown: typeof Animated.FadeInDown;
|
|
1012
|
-
export const FadeOut: typeof Animated.FadeOut;
|
|
1013
|
-
export const FadeOutRight: typeof Animated.FadeOutRight;
|
|
1014
|
-
export const FadeOutLeft: typeof Animated.FadeOutLeft;
|
|
1015
|
-
export const FadeOutUp: typeof Animated.FadeOutUp;
|
|
1016
|
-
export const FadeOutDown: typeof Animated.FadeOutDown;
|
|
1017
|
-
export const SlideOutLeft: typeof Animated.SlideOutLeft;
|
|
1018
|
-
export const SlideInLeft: typeof Animated.SlideInLeft;
|
|
1019
|
-
export const ZoomIn: typeof Animated.ZoomIn;
|
|
1020
|
-
export const ZoomInRotate: typeof Animated.ZoomInRotate;
|
|
1021
|
-
export const ZoomInRight: typeof Animated.ZoomInRight;
|
|
1022
|
-
export const ZoomInLeft: typeof Animated.ZoomInLeft;
|
|
1023
|
-
export const ZoomInUp: typeof Animated.ZoomInUp;
|
|
1024
|
-
export const ZoomInDown: typeof Animated.ZoomInDown;
|
|
1025
|
-
export const ZoomInEasyUp: typeof Animated.ZoomInEasyUp;
|
|
1026
|
-
export const ZoomInEasyDown: typeof Animated.ZoomInEasyDown;
|
|
1027
|
-
export const ZoomOut: typeof Animated.ZoomOut;
|
|
1028
|
-
export const ZoomOutRotate: typeof Animated.ZoomOutRotate;
|
|
1029
|
-
export const ZoomOutRight: typeof Animated.ZoomOutRight;
|
|
1030
|
-
export const ZoomOutLeft: typeof Animated.ZoomOutLeft;
|
|
1031
|
-
export const ZoomOutUp: typeof Animated.ZoomOutUp;
|
|
1032
|
-
export const ZoomOutDown: typeof Animated.ZoomOutDown;
|
|
1033
|
-
export const ZoomOutEasyUp: typeof Animated.ZoomOutEasyUp;
|
|
1034
|
-
export const ZoomOutEasyDown: typeof Animated.ZoomOutEasyDown;
|
|
1035
|
-
export const StretchInX: typeof Animated.StretchInX;
|
|
1036
|
-
export const StretchInY: typeof Animated.StretchInY;
|
|
1037
|
-
export const StretchOutX: typeof Animated.StretchOutX;
|
|
1038
|
-
export const StretchOutY: typeof Animated.StretchOutY;
|
|
1039
|
-
export const FlipInXUp: typeof Animated.FlipInXUp;
|
|
1040
|
-
export const FlipInYLeft: typeof Animated.FlipInYLeft;
|
|
1041
|
-
export const FlipInXDown: typeof Animated.FlipInXDown;
|
|
1042
|
-
export const FlipInYRight: typeof Animated.FlipInYRight;
|
|
1043
|
-
export const FlipInEasyX: typeof Animated.FlipInEasyX;
|
|
1044
|
-
export const FlipInEasyY: typeof Animated.FlipInEasyY;
|
|
1045
|
-
export const FlipOutXUp: typeof Animated.FlipOutXUp;
|
|
1046
|
-
export const FlipOutYLeft: typeof Animated.FlipOutYLeft;
|
|
1047
|
-
export const FlipOutXDown: typeof Animated.FlipOutXDown;
|
|
1048
|
-
export const FlipOutYRight: typeof Animated.FlipOutYRight;
|
|
1049
|
-
export const FlipOutEasyX: typeof Animated.FlipOutEasyX;
|
|
1050
|
-
export const FlipOutEasyY: typeof Animated.FlipOutEasyY;
|
|
1051
|
-
export const BounceIn: typeof Animated.BounceIn;
|
|
1052
|
-
export const BounceInDown: typeof Animated.BounceInDown;
|
|
1053
|
-
export const BounceInUp: typeof Animated.BounceInUp;
|
|
1054
|
-
export const BounceInLeft: typeof Animated.BounceInLeft;
|
|
1055
|
-
export const BounceInRight: typeof Animated.BounceInRight;
|
|
1056
|
-
export const BounceOut: typeof Animated.BounceOut;
|
|
1057
|
-
export const BounceOutDown: typeof Animated.BounceOutDown;
|
|
1058
|
-
export const BounceOutUp: typeof Animated.BounceOutUp;
|
|
1059
|
-
export const BounceOutLeft: typeof Animated.BounceOutLeft;
|
|
1060
|
-
export const BounceOutRight: typeof Animated.BounceOutRight;
|
|
1061
|
-
export const LightSpeedInRight: typeof Animated.LightSpeedInRight;
|
|
1062
|
-
export const LightSpeedInLeft: typeof Animated.LightSpeedInLeft;
|
|
1063
|
-
export const LightSpeedOutRight: typeof Animated.LightSpeedOutRight;
|
|
1064
|
-
export const LightSpeedOutLeft: typeof Animated.LightSpeedOutLeft;
|
|
1065
|
-
export const PinwheelIn: typeof Animated.PinwheelIn;
|
|
1066
|
-
export const PinwheelOut: typeof Animated.PinwheelOut;
|
|
1067
|
-
export const RotateInDownLeft: typeof Animated.RotateInDownLeft;
|
|
1068
|
-
export const RotateInDownRight: typeof Animated.RotateInDownRight;
|
|
1069
|
-
export const RotateInUpLeft: typeof Animated.RotateInUpLeft;
|
|
1070
|
-
export const RotateInUpRight: typeof Animated.RotateInUpRight;
|
|
1071
|
-
export const RotateOutDownLeft: typeof Animated.RotateOutDownLeft;
|
|
1072
|
-
export const RotateOutDownRight: typeof Animated.RotateOutDownRight;
|
|
1073
|
-
export const RotateOutUpRight: typeof Animated.RotateOutUpRight;
|
|
1074
|
-
export const RotateOutUpLeft: typeof Animated.RotateOutUpLeft;
|
|
1075
|
-
export const RollInLeft: typeof Animated.RollInleft;
|
|
1076
|
-
export const RollInRight: typeof Animated.RollInRight;
|
|
1077
|
-
export const RollOutLeft: typeof Animated.RollOutLeft;
|
|
1078
|
-
export const RollOutRight: typeof Animated.RollOutRight;
|
|
1079
|
-
export const Keyframe: typeof Keyframe;
|
|
1074
|
+
export function enableLayoutAnimations(flag: boolean): void;
|
|
1080
1075
|
}
|