UNPKG

1.59 kBTypeScriptView Raw
1import type { ILayoutAnimationBuilder, LayoutAnimationFunction } from '../animationBuilder/commonTypes';
2import { BaseAnimationBuilder } from '../animationBuilder';
3import type { EasingFunction } from '../../commonTypes';
4/**
5 * Layout transitions with a curved animation. You can modify the behavior by
6 * chaining methods like `.duration(500)` or `.delay(500)`.
7 *
8 * You pass it to the `layout` prop on [an Animated
9 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
10 *
11 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/layout-transitions#fading-transition
12 */
13export declare class CurvedTransition extends BaseAnimationBuilder implements ILayoutAnimationBuilder {
14 static presetName: string;
15 easingXV: EasingFunction;
16 easingYV: EasingFunction;
17 easingWidthV: EasingFunction;
18 easingHeightV: EasingFunction;
19 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
20 static easingX(easing: EasingFunction): CurvedTransition;
21 easingX(easing: EasingFunction): CurvedTransition;
22 static easingY(easing: EasingFunction): CurvedTransition;
23 easingY(easing: EasingFunction): CurvedTransition;
24 static easingWidth(easing: EasingFunction): CurvedTransition;
25 easingWidth(easing: EasingFunction): CurvedTransition;
26 static easingHeight(easing: EasingFunction): CurvedTransition;
27 easingHeight(easing: EasingFunction): CurvedTransition;
28 build: () => LayoutAnimationFunction;
29}
30//# sourceMappingURL=CurvedTransition.d.ts.map
\No newline at end of file