react-native-reanimated
Version:
More powerful alternative to Animated library for React Native.
102 lines (101 loc) • 3.65 kB
JavaScript
import { ComplexAnimationBuilder } from '../animationBuilder';
export class StretchInX 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 () => {
'worklet';
return {
animations: {
transform: [{ scaleX: delayFunction(delay, animation(1, config)) }],
},
initialValues: Object.assign({ transform: [{ scaleX: 0 }] }, initialValues),
callback: callback,
};
};
};
}
static createInstance() {
return new StretchInX();
}
}
export class StretchInY 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 () => {
'worklet';
return {
animations: {
transform: [{ scaleY: delayFunction(delay, animation(1, config)) }],
},
initialValues: Object.assign({ transform: [{ scaleY: 0 }] }, initialValues),
callback: callback,
};
};
};
}
static createInstance() {
return new StretchInY();
}
}
export class StretchOutX 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 () => {
'worklet';
return {
animations: {
transform: [{ scaleX: delayFunction(delay, animation(0, config)) }],
},
initialValues: Object.assign({ transform: [{ scaleX: 1 }] }, initialValues),
callback: callback,
};
};
};
}
static createInstance() {
return new StretchOutX();
}
}
export class StretchOutY 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 () => {
'worklet';
return {
animations: {
transform: [{ scaleY: delayFunction(delay, animation(0, config)) }],
},
initialValues: Object.assign({ transform: [{ scaleY: 1 }] }, initialValues),
callback: callback,
};
};
};
}
static createInstance() {
return new StretchOutY();
}
}