react-native-reanimated/src/layoutReanimation/web/animation/Pinwheel.web.ts

More powerful alternative to Animated library for React Native.

'use strict';
import { convertAnimationObjectToKeyframes } from '../animationParser';

const DEFAULT_PINWHEEL_TIME = 0.3;

export const PinwheelData = {
  PinwheelIn: {
    name: 'PinwheelIn',
    style: {
      0: {
        transform: [{ rotate: '5rad', scale: 0 }],
        opacity: 0,
      },

      100: {
        transform: [{ rotate: '0deg', scale: 1 }],
        opacity: 1,
      },
    },
    duration: DEFAULT_PINWHEEL_TIME,
  },

  PinwheelOut: {
    name: 'PinwheelOut',
    style: {
      0: {
        transform: [{ rotate: '0rad', scale: 1 }],
        opacity: 1,
      },
      100: {
        transform: [{ rotate: '5rad', scale: 0 }],
        opacity: 0,
      },
    },
    duration: DEFAULT_PINWHEEL_TIME,
  },
};

export const Pinwheel = {
  PinwheelIn: {
    style: convertAnimationObjectToKeyframes(PinwheelData.PinwheelIn),
    duration: PinwheelData.PinwheelIn.duration,
  },
  PinwheelOut: {
    style: convertAnimationObjectToKeyframes(PinwheelData.PinwheelOut),
    duration: PinwheelData.PinwheelOut.duration,
  },
};