react-native-thanos-snap-animation/lib/module/components/Dust.js

implement Thanos dust animation into react native

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from 'react';
import Canvas from 'react-native-canvas';
import posed from 'react-native-pose';
const DustCanvas = posed.View({
  visible: {
    opacity: 1,
    transition: {
      duration: 2000
    },
    // filter: 'blur(0)',
    y: 0,
    x: 0,
    rotate: '0deg'
  },
  hidden: {
    opacity: 0,
    y: props => props.y,
    x: props => props.x,
    rotate: props => (props === null || props === void 0 ? void 0 : props.rotate) + 'deg',
    transition: {
      duration: 2000
    }
    // filter: 'blur(2px)',
  }
});
export default function Dust({
  canvasProps,
  ...props
}) {
  return /*#__PURE__*/React.createElement(DustCanvas, props, /*#__PURE__*/React.createElement(Canvas, _extends({}, canvasProps, {
    ref: canvasProps === null || canvasProps === void 0 ? void 0 : canvasProps.ref
  })));
}
//# sourceMappingURL=Dust.js.map