react-native-confetti-cannon/src/index.d.ts

React Native confetti explosion and fall like iOS does.

import * as React from 'react';

export interface ExplosionProps {
  count: number;
  origin: {
    x: number;
    y: number
  };
  explosionSpeed?: number;
  fallSpeed?: number;
  colors?: string[];
  fadeOut?: boolean;
  autoStart?: boolean;
  autoStartDelay?: number;
  onAnimationStart?: () => void;
  onAnimationResume?: () => void;
  onAnimationStop?: () => void;
  onAnimationEnd?: () => void;
  testID?: string;
}

export interface ConfettiItem {
  leftDelta: number;
  topDelta: number;
  swingDelta: number;
  speedDelta: {
    rotateX: number;
    rotateY: number;
    rotateZ: number;
  };
  color: string;
}

export interface ExplosionState {
  items: ConfettiItem[];
}

export declare const TOP_MIN: number;
export declare const DEFAULT_COLORS: string[];
export declare const DEFAULT_EXPLOSION_SPEED: number;
export declare const DEFAULT_FALL_SPEED: number;

declare class Explosion extends React.PureComponent<ExplosionProps, ExplosionState> {
  start: (resume?: boolean) => void;
  resume: () => void;
  stop: () => void;
}

export default Explosion;