react-native-micro-interactions/src/types/animations.ts

Effortlessly enhance your React Native components with subtle micro-interactions and animations.

export type AnimationType = 'click' | 'buzz' | 'pop_in' | 'drop_in' | 'text_slide_vertical' | 'text_slide_horizontal';
export type AnimationTrigger = 'press' | 'long_press' | 'double_press' | 'init';


// TODO - simplify this by using Partial<T> for optional values

export type AnimationOptions = ClickAnimOptions | BuzzAnimOptions | PopInAnimOptions | TextSlideAnimOptions | DropInAnimOptions;

export type ClickAnimOptions = {
    shrink?: number,
    shrinkDuration?: number,
}

export type IClickAnimOptions = {
    shrink: number,
    shrinkDuration: number,
}

export type BuzzAnimOptions = {
    frequency?: number,
    rotation?: number,
    duration?: number,
}

export type IBuzzAnimOptions = {
    frequency: number,
    rotation: number,
    duration: number,
}

export type PopInAnimOptions = {
    duration?: number,
    withBounce?: boolean,
}

export type IPopInAnimOptions = {
    duration: number,
    withBounce: boolean,
}

export type TextSlideAnimOptions = {
    duration?: number,
    offset?: number,
}

export type ITextSlideAnimOptions = {
    duration: number,
    offset: number,
}

export type DropInAnimOptions = Partial<IDropInAnimOptions>;

export interface IDropInAnimOptions {
    duration: number;
    withBounce: boolean;
    damping: number;
}