UNPKG

7.16 kBTypeScriptView Raw
1import type { IEntryExitAnimationBuilder, EntryExitAnimationFunction } from '../animationBuilder/commonTypes';
2import type { BaseAnimationBuilder } from '../animationBuilder';
3import { ComplexAnimationBuilder } from '../animationBuilder';
4/**
5 * Fade in animation. You can modify the behavior by chaining methods like
6 * `.springify()` or `.duration(500)`.
7 *
8 * You pass it to the `entering` 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/entering-exiting-animations#fade
12 */
13export declare class FadeIn extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
14 static presetName: string;
15 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
16 build: () => EntryExitAnimationFunction;
17}
18/**
19 * Fade from right animation. You can modify the behavior by chaining methods
20 * like `.springify()` or `.duration(500)`.
21 *
22 * You pass it to the `entering` prop on [an Animated
23 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
24 *
25 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
26 */
27export declare class FadeInRight extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
28 static presetName: string;
29 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
30 build: () => EntryExitAnimationFunction;
31}
32/**
33 * Fade from left animation. You can modify the behavior by chaining methods
34 * like `.springify()` or `.duration(500)`.
35 *
36 * You pass it to the `entering` prop on [an Animated
37 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
38 *
39 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
40 */
41export declare class FadeInLeft extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
42 static presetName: string;
43 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
44 build: () => EntryExitAnimationFunction;
45}
46/**
47 * Fade from top animation. You can modify the behavior by chaining methods like
48 * `.springify()` or `.duration(500)`.
49 *
50 * You pass it to the `entering` prop on [an Animated
51 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
52 *
53 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
54 */
55export declare class FadeInUp extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
56 static presetName: string;
57 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
58 build: () => EntryExitAnimationFunction;
59}
60/**
61 * Fade from bottom animation. You can modify the behavior by chaining methods
62 * like `.springify()` or `.duration(500)`.
63 *
64 * You pass it to the `entering` prop on [an Animated
65 * 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#fade
68 */
69export declare class FadeInDown extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
70 static presetName: string;
71 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
72 build: () => EntryExitAnimationFunction;
73}
74/**
75 * Fade out animation. You can modify the behavior by chaining methods like
76 * `.springify()` or `.duration(500)`.
77 *
78 * You pass it to the `exiting` prop on [an Animated
79 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
80 *
81 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
82 */
83export declare class FadeOut extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
84 static presetName: string;
85 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
86 build: () => EntryExitAnimationFunction;
87}
88/**
89 * Fade to right animation. You can modify the behavior by chaining methods like
90 * `.springify()` or `.duration(500)`.
91 *
92 * You pass it to the `exiting` prop on [an Animated
93 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
94 *
95 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
96 */
97export declare class FadeOutRight extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
98 static presetName: string;
99 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
100 build: () => EntryExitAnimationFunction;
101}
102/**
103 * Fade to left animation. You can modify the behavior by chaining methods like
104 * `.springify()` or `.duration(500)`.
105 *
106 * You pass it to the `exiting` prop on [an Animated
107 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
108 *
109 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
110 */
111export declare class FadeOutLeft extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
112 static presetName: string;
113 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
114 build: () => EntryExitAnimationFunction;
115}
116/**
117 * Fade to top animation. You can modify the behavior by chaining methods like
118 * `.springify()` or `.duration(500)`.
119 *
120 * You pass it to the `exiting` prop on [an Animated
121 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
122 *
123 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
124 */
125export declare class FadeOutUp extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
126 static presetName: string;
127 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
128 build: () => EntryExitAnimationFunction;
129}
130/**
131 * Fade to bottom animation. You can modify the behavior by chaining methods
132 * like `.springify()` or `.duration(500)`.
133 *
134 * You pass it to the `exiting` prop on [an Animated
135 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
136 *
137 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#fade
138 */
139export declare class FadeOutDown extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
140 static presetName: string;
141 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
142 build: () => EntryExitAnimationFunction;
143}
144//# sourceMappingURL=Fade.d.ts.map
\No newline at end of file