react-native-reanimated-carousel 2.3.0 → 2.3.2-beta.1

package/src/layouts/parallax.ts

@@ -6,17 +6,22 @@ type TBaseConfig = {
     vertical: boolean;
 };
 
-interface ILayoutConfig {
+export interface ILayoutConfig {
     /**
-     * When use default Layout props,this prop can be control prev/next item offset.
+     * control prev/next item offset.
      * @default 100
      */
     parallaxScrollingOffset?: number;
     /**
-     * When use default Layout props,this prop can be control prev/next item offset.
+     * control prev/current/next item offset.
      * @default 0.8
      */
     parallaxScrollingScale?: number;
+    /**
+     * control prev/next item offset.
+     * @default Math.pow(parallaxScrollingScale, 2)
+     */
+    parallaxAdjacentItemScale?: number;
 }
 
 export type TParallaxModeProps = ComputedDirectionTypes<{
@@ -32,8 +37,11 @@ export function parallaxLayout(
     modeConfig: ILayoutConfig = {}
 ) {
     const { size, vertical } = baseConfig;
-    const { parallaxScrollingOffset = 100, parallaxScrollingScale = 0.8 } =
-        modeConfig;
+    const {
+        parallaxScrollingOffset = 100,
+        parallaxScrollingScale = 0.8,
+        parallaxAdjacentItemScale = Math.pow(parallaxScrollingScale, 2),
+    } = modeConfig;
 
     return (value: number) => {
         'worklet';
@@ -54,9 +62,9 @@ export function parallaxLayout(
             value,
             [-1, 0, 1],
             [
-                Math.pow(parallaxScrollingScale, 2),
+                parallaxAdjacentItemScale,
                 parallaxScrollingScale,
-                Math.pow(parallaxScrollingScale, 2),
+                parallaxAdjacentItemScale,
             ],
             Extrapolate.CLAMP
         );

package/src/types.ts

@@ -46,15 +46,17 @@ export type CustomConfig = {
     viewCount?: number;
 };
 
-export type WithAnimation =
-    | {
-          type: 'spring';
-          config: WithSpringConfig;
-      }
-    | {
-          type: 'timing';
-          config: WithTimingConfig;
-      };
+export type WithSpringAnimation = {
+    type: 'spring';
+    config: WithSpringConfig;
+};
+
+export type WithTimingAnimation = {
+    type: 'timing';
+    config: WithTimingConfig;
+};
+
+export type WithAnimation = WithSpringAnimation | WithTimingAnimation;
 
 export type TCarouselProps<T = any> = {
     ref?: React.Ref<ICarouselInstance>;