react-native-reanimated 2.3.3 → 2.5.0

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

@@ -7,6 +7,7 @@ export class RotateInDownLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -18,14 +19,11 @@ export class RotateInDownLeft extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '-90deg' },
                             { translateX: values.targetWidth / 2 - values.targetHeight / 2 },
                             { translateY: -(values.targetWidth / 2 - values.targetHeight / 2) },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -43,6 +41,7 @@ export class RotateInDownRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -54,14 +53,11 @@ export class RotateInDownRight extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '90deg' },
                             { translateX: -(values.targetWidth / 2 - values.targetHeight / 2) },
                             { translateY: -(values.targetWidth / 2 - values.targetHeight / 2) },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -79,6 +75,7 @@ export class RotateInUpLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -90,14 +87,11 @@ export class RotateInUpLeft extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '90deg' },
                             { translateX: values.targetWidth / 2 - values.targetHeight / 2 },
                             { translateY: values.targetWidth / 2 - values.targetHeight / 2 },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -115,6 +109,7 @@ export class RotateInUpRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -126,14 +121,11 @@ export class RotateInUpRight extends ComplexAnimationBuilder {
                             { translateY: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        opacity: 0,
-                        transform: [
+                    initialValues: Object.assign({ opacity: 0, transform: [
                             { rotate: '-90deg' },
                             { translateX: -(values.targetWidth / 2 - values.targetHeight / 2) },
                             { translateY: values.targetWidth / 2 - values.targetHeight / 2 },
-                        ],
-                    },
+                        ] }, initialValues),
                     callback: callback,
                 };
             };
@@ -151,6 +143,7 @@ export class RotateOutDownLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -166,10 +159,7 @@ export class RotateOutDownLeft extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -187,6 +177,7 @@ export class RotateOutDownRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -202,10 +193,7 @@ export class RotateOutDownRight extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -223,6 +211,7 @@ export class RotateOutUpLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -238,10 +227,7 @@ export class RotateOutUpLeft extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -259,6 +245,7 @@ export class RotateOutUpRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -274,10 +261,7 @@ export class RotateOutUpRight extends ComplexAnimationBuilder {
                             },
                         ],
                     },
-                    initialValues: {
-                        opacity: 1,
-                        transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }],
-                    },
+                    initialValues: Object.assign({ opacity: 1, transform: [{ rotate: '0deg' }, { translateX: 0 }, { translateY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };

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

@@ -9,15 +9,14 @@ export class SlideInRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(values.targetOriginX, config)),
                     },
-                    initialValues: {
-                        originX: values.targetOriginX + width,
-                    },
+                    initialValues: Object.assign({ originX: values.targetOriginX + width }, initialValues),
                     callback: callback,
                 };
             };
@@ -35,15 +34,14 @@ export class SlideInLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(values.targetOriginX, config)),
                     },
-                    initialValues: {
-                        originX: values.targetOriginX - width,
-                    },
+                    initialValues: Object.assign({ originX: values.targetOriginX - width }, initialValues),
                     callback: callback,
                 };
             };
@@ -61,15 +59,14 @@ export class SlideOutRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(Math.max(values.currentOriginX + width, width), config)),
                     },
-                    initialValues: {
-                        originX: values.currentOriginX,
-                    },
+                    initialValues: Object.assign({ originX: values.currentOriginX }, initialValues),
                     callback: callback,
                 };
             };
@@ -87,15 +84,14 @@ export class SlideOutLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originX: delayFunction(delay, animation(Math.min(values.currentOriginX - width, -width), config)),
                     },
-                    initialValues: {
-                        originX: values.currentOriginX,
-                    },
+                    initialValues: Object.assign({ originX: values.currentOriginX }, initialValues),
                     callback: callback,
                 };
             };
@@ -113,15 +109,14 @@ export class SlideInUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(values.targetOriginY, config)),
                     },
-                    initialValues: {
-                        originY: -height,
-                    },
+                    initialValues: Object.assign({ originY: -height }, initialValues),
                     callback: callback,
                 };
             };
@@ -139,15 +134,14 @@ export class SlideInDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(values.targetOriginY, config)),
                     },
-                    initialValues: {
-                        originY: values.targetOriginY + height,
-                    },
+                    initialValues: Object.assign({ originY: values.targetOriginY + height }, initialValues),
                     callback: callback,
                 };
             };
@@ -165,13 +159,14 @@ export class SlideOutUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(Math.min(values.currentOriginY - height, -height), config)),
                     },
-                    initialValues: { originY: values.currentOriginY },
+                    initialValues: Object.assign({ originY: values.currentOriginY }, initialValues),
                     callback: callback,
                 };
             };
@@ -189,13 +184,14 @@ export class SlideOutDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
                     animations: {
                         originY: delayFunction(delay, animation(Math.max(values.currentOriginY + height, height), config)),
                     },
-                    initialValues: { originY: values.currentOriginY },
+                    initialValues: Object.assign({ originY: values.currentOriginY }, initialValues),
                     callback: callback,
                 };
             };

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

@@ -7,15 +7,14 @@ export class StretchInX extends ComplexAnimationBuilder {
             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: {
-                        transform: [{ scaleX: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleX: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -33,15 +32,14 @@ export class StretchInY extends ComplexAnimationBuilder {
             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: {
-                        transform: [{ scaleY: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleY: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -59,15 +57,14 @@ export class StretchOutX extends ComplexAnimationBuilder {
             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: {
-                        transform: [{ scaleX: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleX: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -85,15 +82,14 @@ export class StretchOutY extends ComplexAnimationBuilder {
             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: {
-                        transform: [{ scaleY: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scaleY: 1 }] }, initialValues),
                     callback: callback,
                 };
             };

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

@@ -9,15 +9,14 @@ export class ZoomIn extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
                     animations: {
                         transform: [{ scale: delayFunction(delay, animation(1, config)) }],
                     },
-                    initialValues: {
-                        transform: [{ scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -36,6 +35,7 @@ export class ZoomInRotate extends ComplexAnimationBuilder {
             const delay = this.getDelay();
             const rotate = this.rotateV ? this.rotateV : '0.3';
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -45,9 +45,7 @@ export class ZoomInRotate extends ComplexAnimationBuilder {
                             { rotate: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ scale: 0 }, { rotate: rotate }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 0 }, { rotate: rotate }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -65,6 +63,7 @@ export class ZoomInLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -74,9 +73,7 @@ export class ZoomInLeft extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(1, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: -width }, { scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: -width }, { scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -94,6 +91,7 @@ export class ZoomInRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -103,9 +101,7 @@ export class ZoomInRight extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(1, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: width }, { scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: width }, { scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -123,6 +119,7 @@ export class ZoomInUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -132,9 +129,7 @@ export class ZoomInUp extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(1, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: -height }, { scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: -height }, { scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -152,6 +147,7 @@ export class ZoomInDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -161,9 +157,7 @@ export class ZoomInDown extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(1, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: height }, { scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: height }, { scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -181,6 +175,7 @@ export class ZoomInEasyUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -190,9 +185,7 @@ export class ZoomInEasyUp extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(1, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: -values.targetHeight }, { scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: -values.targetHeight }, { scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -210,6 +203,7 @@ export class ZoomInEasyDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -219,9 +213,7 @@ export class ZoomInEasyDown extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(1, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: values.targetHeight }, { scale: 0 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: values.targetHeight }, { scale: 0 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -239,15 +231,14 @@ export class ZoomOut extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
                     animations: {
                         transform: [{ scale: delayFunction(delay, animation(0, config)) }],
                     },
-                    initialValues: {
-                        transform: [{ scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -266,6 +257,7 @@ export class ZoomOutRotate extends ComplexAnimationBuilder {
             const delay = this.getDelay();
             const rotate = this.rotateV ? this.rotateV : '0.3';
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -275,9 +267,7 @@ export class ZoomOutRotate extends ComplexAnimationBuilder {
                             { rotate: delayFunction(delay, animation(rotate, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ scale: 1 }, { rotate: '0' }],
-                    },
+                    initialValues: Object.assign({ transform: [{ scale: 1 }, { rotate: '0' }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -295,6 +285,7 @@ export class ZoomOutLeft extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -304,9 +295,7 @@ export class ZoomOutLeft extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }, { scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }, { scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -324,6 +313,7 @@ export class ZoomOutRight extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -333,9 +323,7 @@ export class ZoomOutRight extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateX: 0 }, { scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateX: 0 }, { scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -353,6 +341,7 @@ export class ZoomOutUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -362,9 +351,7 @@ export class ZoomOutUp extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }, { scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }, { scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -382,6 +369,7 @@ export class ZoomOutDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return () => {
                 'worklet';
                 return {
@@ -391,9 +379,7 @@ export class ZoomOutDown extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }, { scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }, { scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -411,6 +397,7 @@ export class ZoomOutEasyUp extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -422,9 +409,7 @@ export class ZoomOutEasyUp extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }, { scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }, { scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };
@@ -442,6 +427,7 @@ export class ZoomOutEasyDown extends ComplexAnimationBuilder {
             const [animation, config] = this.getAnimationAndConfig();
             const delay = this.getDelay();
             const callback = this.callbackV;
+            const initialValues = this.initialValues;
             return (values) => {
                 'worklet';
                 return {
@@ -453,9 +439,7 @@ export class ZoomOutEasyDown extends ComplexAnimationBuilder {
                             { scale: delayFunction(delay, animation(0, config)) },
                         ],
                     },
-                    initialValues: {
-                        transform: [{ translateY: 0 }, { scale: 1 }],
-                    },
+                    initialValues: Object.assign({ transform: [{ translateY: 0 }, { scale: 1 }] }, initialValues),
                     callback: callback,
                 };
             };