UNPKG

react-native-reanimated

Version:

More powerful alternative to Animated library for React Native.

164 lines • 7.83 kB
import type { EntryExitAnimationFunction, IEntryExitAnimationBuilder } from '../animationBuilder/commonTypes'; import type { BaseAnimationBuilder } from '../animationBuilder'; import { ComplexAnimationBuilder } from '../animationBuilder'; /** * Bounce entering animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `entering` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceIn extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce from bottom animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `entering` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceInDown extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce from top animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `entering` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceInUp extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce from left animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `entering` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceInLeft extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce from right animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `entering` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceInRight extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce exiting animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `exiting` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceOut extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce to bottom animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `exiting` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceOutDown extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce to top animation. You can modify the behavior by chaining methods like * `.delay(300)` or `.duration(100)`. * * You pass it to the `exiting` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceOutUp extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce to left animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `exiting` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceOutLeft extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } /** * Bounce to right animation. You can modify the behavior by chaining methods * like `.delay(300)` or `.duration(100)`. * * You pass it to the `exiting` prop on [an Animated * component](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/glossary#animated-component). * * @see https://docs.swmansion.com/react-native-reanimated/docs/layout-animations/entering-exiting-animations#bounce */ export declare class BounceOutRight extends ComplexAnimationBuilder implements IEntryExitAnimationBuilder { static presetName: string; static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>; static getDuration(): number; getDuration(): number; build: () => EntryExitAnimationFunction; } //# sourceMappingURL=Bounce.d.ts.map