UNPKG

11.6 kBTypeScriptView Raw
1import type { IEntryExitAnimationBuilder, EntryExitAnimationFunction, EntryAnimationsValues, ExitAnimationsValues, AnimationConfigFunction, IEntryAnimationBuilder, IExitAnimationBuilder } from '../animationBuilder/commonTypes';
2import type { BaseAnimationBuilder } from '../animationBuilder';
3import { ComplexAnimationBuilder } from '../animationBuilder';
4/**
5 * Scale from center animation. You can modify the behavior by chaining methods
6 * like `.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/#zoom
12 */
13export declare class ZoomIn 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 * Scale from center with rotation. You can modify the behavior by chaining
20 * methods 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/#zoom
26 */
27export declare class ZoomInRotate 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 * Scale 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/#zoom
40 */
41export declare class ZoomInLeft 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 * Scale from right animation. You can modify the behavior by chaining methods
48 * like `.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/#zoom
54 */
55export declare class ZoomInRight 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 * Scale from top 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/#zoom
68 */
69export declare class ZoomInUp 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 * Scale from bottom animation. You can modify the behavior by chaining methods
76 * like `.springify()` or `.duration(500)`.
77 *
78 * You pass it to the `entering` 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/#zoom
82 */
83export declare class ZoomInDown 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 * Eased scale from top animation. You can modify the behavior by chaining
90 * methods like `.springify()` or `.duration(500)`.
91 *
92 * You pass it to the `entering` 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/#zoom
96 */
97export declare class ZoomInEasyUp extends ComplexAnimationBuilder implements IEntryAnimationBuilder {
98 static presetName: string;
99 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
100 build: () => AnimationConfigFunction<EntryAnimationsValues>;
101}
102/**
103 * Eased scale from bottom animation. You can modify the behavior by chaining
104 * methods like `.springify()` or `.duration(500)`.
105 *
106 * You pass it to the `entering` 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/#zoom
110 */
111export declare class ZoomInEasyDown extends ComplexAnimationBuilder implements IEntryAnimationBuilder {
112 static presetName: string;
113 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
114 build: () => AnimationConfigFunction<EntryAnimationsValues>;
115}
116/**
117 * Scale to center animation. You can modify the behavior by chaining methods
118 * like `.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/#zoom
124 */
125export declare class ZoomOut 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 * Scale to center with rotation. You can modify the behavior by chaining
132 * methods 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/#zoom
138 */
139export declare class ZoomOutRotate extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
140 static presetName: string;
141 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
142 build: () => EntryExitAnimationFunction;
143}
144/**
145 * Scale to left animation. You can modify the behavior by chaining methods like
146 * `.springify()` or `.duration(500)`.
147 *
148 * You pass it to the `exiting` prop on [an Animated
149 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
150 *
151 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
152 */
153export declare class ZoomOutLeft extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
154 static presetName: string;
155 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
156 build: () => EntryExitAnimationFunction;
157}
158/**
159 * Scale to right animation. You can modify the behavior by chaining methods
160 * like `.springify()` or `.duration(500)`.
161 *
162 * You pass it to the `exiting` prop on [an Animated
163 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
164 *
165 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
166 */
167export declare class ZoomOutRight extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
168 static presetName: string;
169 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
170 build: () => EntryExitAnimationFunction;
171}
172/**
173 * Scale to top animation. You can modify the behavior by chaining methods like
174 * `.springify()` or `.duration(500)`.
175 *
176 * You pass it to the `exiting` prop on [an Animated
177 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
178 *
179 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
180 */
181export declare class ZoomOutUp extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
182 static presetName: string;
183 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
184 build: () => EntryExitAnimationFunction;
185}
186/**
187 * Scale to bottom animation. You can modify the behavior by chaining methods
188 * like `.springify()` or `.duration(500)`.
189 *
190 * You pass it to the `exiting` prop on [an Animated
191 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
192 *
193 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
194 */
195export declare class ZoomOutDown extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
196 static presetName: string;
197 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
198 build: () => EntryExitAnimationFunction;
199}
200/**
201 * Eased scale to top animation. You can modify the behavior by chaining methods
202 * like `.springify()` or `.duration(500)`.
203 *
204 * You pass it to the `exiting` prop on [an Animated
205 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
206 *
207 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
208 */
209export declare class ZoomOutEasyUp extends ComplexAnimationBuilder implements IExitAnimationBuilder {
210 static presetName: string;
211 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
212 build: () => AnimationConfigFunction<ExitAnimationsValues>;
213}
214/**
215 * Eased scale to bottom animation. You can modify the behavior by chaining
216 * methods like `.springify()` or `.duration(500)`.
217 *
218 * You pass it to the `exiting` prop on [an Animated
219 * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component).
220 *
221 * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations/#zoom
222 */
223export declare class ZoomOutEasyDown extends ComplexAnimationBuilder implements IExitAnimationBuilder {
224 static presetName: string;
225 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
226 build: () => AnimationConfigFunction<ExitAnimationsValues>;
227}
228//# sourceMappingURL=Zoom.d.ts.map
\No newline at end of file