react-native-reanimated
Version:
More powerful alternative to Animated library for React Native.
82 lines (81 loc) • 3.01 kB
JavaScript
import { ComplexAnimationBuilder } from '../animationBuilder';
export class PinwheelIn extends ComplexAnimationBuilder {
constructor() {
super(...arguments);
this.build = () => {
const delayFunction = this.getDelayFunction();
const [animation, config] = this.getAnimationAndConfig();
const delay = this.getDelay();
const callback = this.callbackV;
const initialValues = this.initialValues;
return (_values) => {
'worklet';
return {
animations: {
opacity: delayFunction(delay, animation(1, config)),
transform: [
{
scale: delayFunction(delay, animation(1, config)),
},
{
rotate: delayFunction(delay, animation('0', config)),
},
],
},
initialValues: Object.assign({ opacity: 0, transform: [
{
scale: 0,
},
{
rotate: '5',
},
] }, initialValues),
callback: callback,
};
};
};
}
static createInstance() {
return new PinwheelIn();
}
}
export class PinwheelOut extends ComplexAnimationBuilder {
constructor() {
super(...arguments);
this.build = () => {
const delayFunction = this.getDelayFunction();
const [animation, config] = this.getAnimationAndConfig();
const delay = this.getDelay();
const callback = this.callbackV;
const initialValues = this.initialValues;
return (_values) => {
'worklet';
return {
animations: {
opacity: delayFunction(delay, animation(0, config)),
transform: [
{
scale: delayFunction(delay, animation(0, config)),
},
{
rotate: delayFunction(delay, animation('5', config)),
},
],
},
initialValues: Object.assign({ opacity: 1, transform: [
{
scale: 1,
},
{
rotate: '0',
},
] }, initialValues),
callback: callback,
};
};
};
}
static createInstance() {
return new PinwheelOut();
}
}