react-native-reanimated 2.4.1 → 2.5.0

package/lib/reanimated2/layoutReanimation/defaultAnimations/Bounce.js

@@ -1,8 +1,8 @@
 import { withSequence, withTiming } from '../../animation';
 import { Dimensions } from 'react-native';
-import { BaseAnimationBuilder } from '../animationBuilder/BaseAnimationBuilder';
+import { ComplexAnimationBuilder } from '../animationBuilder/ComplexAnimationBuilder';
 const { width, height } = Dimensions.get('window');
-export class BounceIn extends BaseAnimationBuilder {
+export class BounceIn extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -10,6 +10,7 @@ export class BounceIn extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -20,9 +21,7 @@ export class BounceIn extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -39,7 +38,7 @@ export class BounceIn extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInDown extends BaseAnimationBuilder {
+export class BounceInDown extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -47,6 +46,7 @@ export class BounceInDown extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -57,13 +57,11 @@ export class BounceInDown extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             {
                                 translateY: height,
                             },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -80,7 +78,7 @@ export class BounceInDown extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInUp extends BaseAnimationBuilder {
+export class BounceInUp extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -88,6 +86,7 @@ export class BounceInUp extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -98,9 +97,7 @@ export class BounceInUp extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: -height }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: -height }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -117,7 +114,7 @@ export class BounceInUp extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInLeft extends BaseAnimationBuilder {
+export class BounceInLeft extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -125,6 +122,7 @@ export class BounceInLeft extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -135,9 +133,7 @@ export class BounceInLeft extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: -width }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: -width }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -154,7 +150,7 @@ export class BounceInLeft extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceInRight extends BaseAnimationBuilder {
+export class BounceInRight extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -162,6 +158,7 @@ export class BounceInRight extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -172,9 +169,7 @@ export class BounceInRight extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: width }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: width }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -191,7 +186,7 @@ export class BounceInRight extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOut extends BaseAnimationBuilder {
+export class BounceOut extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -199,6 +194,7 @@ export class BounceOut extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -209,9 +205,7 @@ export class BounceOut extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -228,7 +222,7 @@ export class BounceOut extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutDown extends BaseAnimationBuilder {
+export class BounceOutDown extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -236,6 +230,7 @@ export class BounceOutDown extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -248,9 +243,7 @@ export class BounceOutDown extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -267,7 +260,7 @@ export class BounceOutDown extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutUp extends BaseAnimationBuilder {
+export class BounceOutUp extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -275,6 +268,7 @@ export class BounceOutUp extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -287,9 +281,7 @@ export class BounceOutUp extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -306,7 +298,7 @@ export class BounceOutUp extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutLeft extends BaseAnimationBuilder {
+export class BounceOutLeft extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -314,6 +306,7 @@ export class BounceOutLeft extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -326,9 +319,7 @@ export class BounceOutLeft extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -345,7 +336,7 @@ export class BounceOutLeft extends BaseAnimationBuilder {
         return (_a = this.durationV) !== null && _a !== void 0 ? _a : 600;
     }
 }
-export class BounceOutRight extends BaseAnimationBuilder {
+export class BounceOutRight extends ComplexAnimationBuilder {
     constructor() {
         super(...arguments);
         this.build = () => {
@@ -353,6 +344,7 @@ export class BounceOutRight extends BaseAnimationBuilder {
             const delay = this.getDelay();
             const duration = this.getDuration();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -365,9 +357,7 @@ export class BounceOutRight extends BaseAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };

package/lib/reanimated2/layoutReanimation/defaultAnimations/Fade.js

@@ -6,6 +6,7 @@ export class FadeIn extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return (_) => {
                 'worklet';
@@ -13,9 +14,7 @@ export class FadeIn extends ComplexAnimationBuilder {
                     animations: {
                         opacity: delayFunction(delay, animation(1, config)),
                     },
-                    initialValues: {
-                        opacity: 0,
-                    },
+                    initialValues: Object.assign({ opacity: 0 }, initialValues),
                     callback: callback,
                 };
             };
@@ -32,6 +31,7 @@ export class FadeInRight extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -42,10 +42,7 @@ export class FadeInRight extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateX: 25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateX: 25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -62,6 +59,7 @@ export class FadeInLeft extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -72,10 +70,7 @@ export class FadeInLeft extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateX: -25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateX: -25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -92,6 +87,7 @@ export class FadeInUp extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -102,10 +98,7 @@ export class FadeInUp extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateY: -25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateY: -25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -122,6 +115,7 @@ export class FadeInDown extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -132,10 +126,7 @@ export class FadeInDown extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [{ translateY: 25 }],
-                    },
+                    initialValues: Object.assign({ opacity: 0, transform: [{ translateY: 25 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -152,6 +143,7 @@ export class FadeOut extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return (_) => {
                 'worklet';
@@ -159,9 +151,7 @@ export class FadeOut extends ComplexAnimationBuilder {
                     animations: {
                         opacity: delayFunction(delay, animation(0, config)),
                     },
-                    initialValues: {
-                        opacity: 1,
-                    },
+                    initialValues: Object.assign({ opacity: 1 }, initialValues),
                     callback: callback,
                 };
             };
@@ -178,6 +168,7 @@ export class FadeOutRight extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -188,10 +179,7 @@ export class FadeOutRight extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -208,6 +196,7 @@ export class FadeOutLeft extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -218,10 +207,7 @@ export class FadeOutLeft extends ComplexAnimationBuilder {
                             { translateX: delayFunction(delay, animation(-25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateX: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -238,6 +224,7 @@ export class FadeOutUp extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -248,10 +235,7 @@ export class FadeOutUp extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(-25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -268,6 +252,7 @@ export class FadeOutDown extends ComplexAnimationBuilder {
             const delayFunction = this.getDelayFunction();
             const [animation, config] = this.getAnimationAndConfig();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             const delay = this.getDelay();
             return () => {
                 'worklet';
@@ -278,10 +263,7 @@ export class FadeOutDown extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(25, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };

package/lib/reanimated2/layoutReanimation/defaultAnimations/Flip.js

@@ -7,16 +7,15 @@ export class FlipInXUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '90deg' },
                             { translateY: -targetValues.targetHeight },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: 500 },
@@ -41,16 +40,15 @@ export class FlipInYLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '-90deg' },
                             { translateX: -targetValues.targetWidth },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -75,16 +73,15 @@ export class FlipInXDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '-90deg' },
                             { translateY: targetValues.targetHeight },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -109,16 +106,15 @@ export class FlipInYRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '90deg' },
                             { translateX: targetValues.targetWidth },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -143,12 +139,11 @@ export class FlipInEasyX extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateX: '90deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateX: '90deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -172,12 +167,11 @@ export class FlipInEasyY extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateY: '90deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateY: '90deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -201,16 +195,15 @@ export class FlipOutXUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '0deg' },
                             { translateY: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -237,16 +230,15 @@ export class FlipOutYLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '0deg' },
                             { translateX: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -273,16 +265,15 @@ export class FlipOutXDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateX: '0deg' },
                             { translateY: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -309,16 +300,15 @@ export class FlipOutYRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (targetValues) => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [
+                    initialValues: Object.assign({ transform: [
                             { perspective: 500 },
                             { rotateY: '0deg' },
                             { translateX: 0 },
-                        ],
-                    },
+                        ] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -345,12 +335,11 @@ export class FlipOutEasyX extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateX: '0deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateX: '0deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },
@@ -374,12 +363,11 @@ export class FlipOutEasyY extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
-                    initialValues: {
-                        transform: [{ perspective: 500 }, { rotateY: '0deg' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ perspective: 500 }, { rotateY: '0deg' }] }, initialValues),
                     animations: {
                         transform: [
                             { perspective: delayFunction(delay, animation(500, config)) },