UNPKG

8.89 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 * Rotate from top on the X axis. You can modify the behavior by chaining
6 * methods 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#flip
12 */
13export declare class FlipInXUp extends ComplexAnimationBuilder implements IEntryAnimationBuilder {
14 static presetName: string;
15 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
16 build: () => AnimationConfigFunction<EntryAnimationsValues>;
17}
18/**
19 * Rotate from left on the Y axis. 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#flip
26 */
27export declare class FlipInYLeft extends ComplexAnimationBuilder implements IEntryAnimationBuilder {
28 static presetName: string;
29 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
30 build: () => AnimationConfigFunction<EntryAnimationsValues>;
31}
32/**
33 * Rotate from bottom on the X axis. You can modify the behavior by chaining
34 * methods 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#flip
40 */
41export declare class FlipInXDown extends ComplexAnimationBuilder implements IEntryAnimationBuilder {
42 static presetName: string;
43 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
44 build: () => AnimationConfigFunction<EntryAnimationsValues>;
45}
46/**
47 * Rotate from right on the Y axis. You can modify the behavior by chaining
48 * methods 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#flip
54 */
55export declare class FlipInYRight extends ComplexAnimationBuilder implements IEntryAnimationBuilder {
56 static presetName: string;
57 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
58 build: () => AnimationConfigFunction<EntryAnimationsValues>;
59}
60/**
61 * Eased rotate in on the X axis. You can modify the behavior by chaining
62 * methods 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#flip
68 */
69export declare class FlipInEasyX 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 * Eased rotate in on the Y axis. You can modify the behavior by chaining
76 * methods 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#flip
82 */
83export declare class FlipInEasyY 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 * Rotate to top animation on the X axis. You can modify the behavior by
90 * chaining methods like `.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#flip
96 */
97export declare class FlipOutXUp extends ComplexAnimationBuilder implements IExitAnimationBuilder {
98 static presetName: string;
99 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
100 build: () => AnimationConfigFunction<ExitAnimationsValues>;
101}
102/**
103 * Rotate to left on the Y axis. You can modify the behavior by chaining methods
104 * like `.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#flip
110 */
111export declare class FlipOutYLeft extends ComplexAnimationBuilder implements IExitAnimationBuilder {
112 static presetName: string;
113 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
114 build: () => AnimationConfigFunction<ExitAnimationsValues>;
115}
116/**
117 * Rotate to bottom on the X axis. You can modify the behavior by chaining
118 * methods 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#flip
124 */
125export declare class FlipOutXDown extends ComplexAnimationBuilder implements IExitAnimationBuilder {
126 static presetName: string;
127 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
128 build: () => AnimationConfigFunction<ExitAnimationsValues>;
129}
130/**
131 * Rotate to right animation on the Y axis. You can modify the behavior by
132 * chaining 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#flip
138 */
139export declare class FlipOutYRight extends ComplexAnimationBuilder implements IExitAnimationBuilder {
140 static presetName: string;
141 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
142 build: () => AnimationConfigFunction<ExitAnimationsValues>;
143}
144/**
145 * Eased rotate on the X axis. You can modify the behavior by chaining methods
146 * like `.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#flip
152 */
153export declare class FlipOutEasyX 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 * Eased rotate on the Y axis. 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#flip
166 */
167export declare class FlipOutEasyY extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder {
168 static presetName: string;
169 static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
170 build: () => EntryExitAnimationFunction;
171}
172//# sourceMappingURL=Flip.d.ts.map
\No newline at end of file