react-native-reanimated
Version:
More powerful alternative to Animated library for React Native.
69 lines • 3.54 kB
TypeScript
import type { EntryExitAnimationFunction, IEntryExitAnimationBuilder } from '../../commonTypes';
import type { BaseAnimationBuilder } from '../animationBuilder';
import { ComplexAnimationBuilder } from '../animationBuilder';
import type { SkewX, TransformsConfig, TranslateX } from './types';
/**
* Entry from right animation with change in skew and opacity. You can modify
* the behavior by chaining methods like `.springify()` or `.duration(500)`.
*
* 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#lightspeed
*/
export declare class LightSpeedInRight extends ComplexAnimationBuilder<{
opacity: number;
} & TransformsConfig<[TranslateX, SkewX]>> implements IEntryExitAnimationBuilder {
static presetName: string;
static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
build: () => EntryExitAnimationFunction;
}
/**
* Entry from left animation with change in skew and opacity. You can modify the
* behavior by chaining methods like `.springify()` or `.duration(500)`.
*
* 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#lightspeed
*/
export declare class LightSpeedInLeft extends ComplexAnimationBuilder<{
opacity: number;
} & TransformsConfig<[TranslateX, SkewX]>> implements IEntryExitAnimationBuilder {
static presetName: string;
static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
build: () => EntryExitAnimationFunction;
}
/**
* Exit to right animation with change in skew and opacity. You can modify the
* behavior by chaining methods like `.springify()` or `.duration(500)`.
*
* 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#lightspeed
*/
export declare class LightSpeedOutRight extends ComplexAnimationBuilder<{
opacity: number;
} & TransformsConfig<[TranslateX, SkewX]>> implements IEntryExitAnimationBuilder {
static presetName: string;
static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
build: () => EntryExitAnimationFunction;
}
/**
* Exit to left animation with change in skew and opacity. You can modify the
* behavior by chaining methods like `.springify()` or `.duration(500)`.
*
* 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/#lightspeed
*/
export declare class LightSpeedOutLeft extends ComplexAnimationBuilder<{
opacity: number;
} & TransformsConfig<[TranslateX, SkewX]>> implements IEntryExitAnimationBuilder {
static presetName: string;
static createInstance<T extends typeof BaseAnimationBuilder>(this: T): InstanceType<T>;
build: () => EntryExitAnimationFunction;
}
//# sourceMappingURL=Lightspeed.d.ts.map