react-native-reorderable-list 0.14.1 → 0.16.0

package/lib/typescript/contexts/ReorderableListContext.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { SharedValue } from 'react-native-reanimated';
-import { ReorderableListCellAnimations } from '../types';
+import { ItemLayoutAnimation, ReorderableListCellAnimations } from '../types';
 interface ReorderableListContextData {
     currentIndex: SharedValue<number>;
     draggedHeight: SharedValue<number>;
     dragEndHandlers: SharedValue<((from: number, to: number) => void)[][]>;
     activeIndex: number;
+    itemLayoutAnimation: React.MutableRefObject<ItemLayoutAnimation | undefined>;
     cellAnimations: ReorderableListCellAnimations;
 }
 export declare const ReorderableListContext: React.Context<ReorderableListContextData | undefined>;

package/lib/typescript/contexts/ReorderableListContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableListContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ReorderableListContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAC,6BAA6B,EAAC,MAAM,UAAU,CAAC;AAEvD,UAAU,0BAA0B;IAClC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACvE,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,6BAA6B,CAAC;CAC/C;AAED,eAAO,MAAM,sBAAsB,uDAEvB,CAAC"}
+{"version":3,"file":"ReorderableListContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ReorderableListContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAC,mBAAmB,EAAE,6BAA6B,EAAC,MAAM,UAAU,CAAC;AAE5E,UAAU,0BAA0B;IAClC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACvE,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAAC;IAC7E,cAAc,EAAE,6BAA6B,CAAC;CAC/C;AAED,eAAO,MAAM,sBAAsB,uDAEvB,CAAC"}

package/lib/typescript/contexts/ScrollViewContainerContext.d.ts

@@ -7,9 +7,9 @@ interface ScrollViewContainerContextData {
     scrollViewPageY: SharedValue<number>;
     scrollViewHeightY: SharedValue<number>;
     scrollViewScrollOffsetY: SharedValue<number>;
-    scrollViewScrollEnabled: SharedValue<boolean>;
+    scrollViewScrollEnabledProp: SharedValue<boolean>;
+    scrollViewCurrentScrollEnabled: SharedValue<boolean>;
     outerScrollGesture: NativeGesture;
-    initialScrollViewScrollEnabled: boolean;
 }
 export declare const ScrollViewContainerContext: React.Context<ScrollViewContainerContextData | undefined>;
 export {};

package/lib/typescript/contexts/ScrollViewContainerContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollViewContainerContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ScrollViewContainerContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD,UAAU,8BAA8B;IACtC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACpD,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9C,kBAAkB,EAAE,aAAa,CAAC;IAClC,8BAA8B,EAAE,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,0BAA0B,2DAE3B,CAAC"}
+{"version":3,"file":"ScrollViewContainerContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ScrollViewContainerContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD,UAAU,8BAA8B;IACtC,sBAAsB,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IACpD,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,2BAA2B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAClD,8BAA8B,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACrD,kBAAkB,EAAE,aAAa,CAAC;CACnC;AAED,eAAO,MAAM,0BAA0B,2DAE3B,CAAC"}

package/lib/typescript/hooks/index.d.ts

@@ -1,6 +1,8 @@
+export * from './useContext';
+export * from './usePropAsSharedValue';
 export * from './useIsActive';
 export * from './useReorderableDrag';
-export * from './useReorderableDragStart';
 export * from './useReorderableDragEnd';
-export * from './useContext';
+export * from './useReorderableDragStart';
+export * from './useStableCallback';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}

package/lib/typescript/hooks/usePropAsSharedValue.d.ts

@@ -0,0 +1,3 @@
+import { SharedValue } from 'react-native-reanimated';
+export declare const usePropAsSharedValue: <T>(value: T) => SharedValue<T>;
+//# sourceMappingURL=usePropAsSharedValue.d.ts.map

package/lib/typescript/hooks/usePropAsSharedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePropAsSharedValue.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePropAsSharedValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAEpE,eAAO,MAAM,oBAAoB,iCAQhC,CAAC"}

package/lib/typescript/hooks/useStableCallback.d.ts

@@ -0,0 +1,4 @@
+type Fn = (...args: any[]) => any;
+export declare const useStableCallback: <T extends Fn>(value: T) => (...args: Parameters<T>) => ReturnType<T>;
+export {};
+//# sourceMappingURL=useStableCallback.d.ts.map

package/lib/typescript/hooks/useStableCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableCallback.d.ts","sourceRoot":"","sources":["../../../src/hooks/useStableCallback.ts"],"names":[],"mappings":"AAGA,KAAK,EAAE,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAElC,eAAO,MAAM,iBAAiB,uEAU7B,CAAC"}

package/lib/typescript/types/misc.d.ts

@@ -1,10 +1,12 @@
-import { SharedValue } from 'react-native-reanimated';
+import { ComponentProps } from 'react';
+import Animated, { SharedValue } from 'react-native-reanimated';
 export declare enum ReorderableListState {
     IDLE = 0,
     DRAGGED = 1,
     RELEASED = 2,
     AUTOSCROLL = 3
 }
+export type ItemLayoutAnimation = Exclude<ComponentProps<typeof Animated.View>['layout'], undefined>;
 export type SharedValueOrType<T> = {
     [TKey in keyof T]?: SharedValue<T[TKey]> | T[TKey];
 };

package/lib/typescript/types/misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"misc.d.ts","sourceRoot":"","sources":["../../../src/types/misc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD,oBAAY,oBAAoB;IAC9B,IAAI,IAAI;IACR,OAAO,IAAA;IACP,QAAQ,IAAA;IACR,UAAU,IAAA;CACX;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;KAChC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GACxE;KAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAC,GAAG;KAAE,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK;CAAC,GACvD,KAAK,CAAC"}
+{"version":3,"file":"misc.d.ts","sourceRoot":"","sources":["../../../src/types/misc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,QAAQ,EAAE,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAE9D,oBAAY,oBAAoB;IAC9B,IAAI,IAAI;IACR,OAAO,IAAA;IACP,QAAQ,IAAA;IACR,UAAU,IAAA;CACX;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAC9C,SAAS,CACV,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;KAChC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GACxE;KAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAC,GAAG;KAAE,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK;CAAC,GACvD,KAAK,CAAC"}

package/lib/typescript/types/props.d.ts

@@ -1,7 +1,7 @@
 import type { FlatListProps, MatrixTransform, PerspectiveTransform, RotateTransform, RotateXTransform, RotateYTransform, RotateZTransform, ScaleTransform, ScaleXTransform, ScaleYTransform, ScrollViewProps, SkewXTransform, SkewYTransform, TranslateXTransform, TranslateYTransform, ViewStyle } from 'react-native';
 import { PanGesture } from 'react-native-gesture-handler';
 import { SharedValue, useAnimatedScrollHandler } from 'react-native-reanimated';
-import { MaximumOneOf, SharedValueOrType } from './misc';
+import { ItemLayoutAnimation, MaximumOneOf, SharedValueOrType } from './misc';
 export interface ReorderableListReorderEvent {
     /**
      * Index of the dragged item.
@@ -78,6 +78,10 @@ export interface ReorderableListProps<T> extends Omit<FlatListProps<T>, OmittedP
      * Allows passing an object with values and/or shared values that can animate a cell, for example by using the `onDragStart` and `onDragEnd` events. Supports view style properties. Override opacity and/or transform to disable the default animation, e.g. `{opacity: 1, transform: []}`.
      */
     cellAnimations?: ReorderableListCellAnimations;
+    /**
+     * Whether dragging items is enabled. Default: `true`.
+     */
+    dragEnabled?: boolean;
     /**
      * Whether the active item should be updated. Enables usage of `useIsActive` hook. Default: `false`.
      */
@@ -87,7 +91,7 @@ export interface ReorderableListProps<T> extends Omit<FlatListProps<T>, OmittedP
      */
     panGesture?: PanGesture;
     /**
-     * Wether the pan gestures necessary for dragging are enabled. Default: `true`.
+     * Whether the pan gestures necessary for dragging are enabled. Default: `true`.
      *
      * @deprecated In favor of `panGesture` prop.
      */
@@ -98,6 +102,10 @@ export interface ReorderableListProps<T> extends Omit<FlatListProps<T>, OmittedP
      * @deprecated In favor of `panGesture` prop.
      */
     panActivateAfterLongPress?: number;
+    /**
+     * Layout animation when the item is added to and/or removed from the view hierarchy. To skip entering or exiting animations use the LayoutAnimationConfig component from [Reanimated](https://docs.swmansion.com/react-native-reanimated).
+     */
+    itemLayoutAnimation?: ItemLayoutAnimation;
     /**
      * Event fired after an item is released and the list is reordered.
      */

package/lib/typescript/types/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAC,WAAW,EAAE,wBAAwB,EAAC,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAEvD,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,YAAY,GACb,YAAY,GACZ,UAAU,GACV,qBAAqB,GACrB,uBAAuB,GACvB,uBAAuB,GACvB,YAAY,CAAC;AAEjB,MAAM,WAAW,oBAAoB,CAAC,CAAC,CACrC,SAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;IAC5C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,yBAAyB,CAAC,EAAE;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5D;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,6BAA6B,CAAC;IAC/C;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;IACvD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,IAAI,CAAC;CAClE;AAED,MAAM,MAAM,UAAU,GAAG,oBAAoB,GAC3C,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,eAAe,GACf,mBAAmB,GACnB,mBAAmB,GACnB,cAAc,GACd,cAAc,GACd,eAAe,CAAC;AAElB,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAClD;KACG,QAAQ,IAAI,MAAM,SAAS,CAAC,CAAC,EAC1B,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,GAChC,SAAS,CAAC,QAAQ,CAAC;CACxB,EAED,WAAW,GAAG,SAAS,CACxB,CAAC;AAEF,MAAM,WAAW,6BACf,SAAQ,iCAAiC;IACzC;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,CAAE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC5E;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-reorderable-list",
-  "version": "0.14.1",
+  "version": "0.16.0",
   "description": "Reorderable list for React Native applications, powered by Reanimated",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/NestedReorderableList.tsx

@@ -7,7 +7,7 @@ import {useContext} from '../hooks';
 import type {NestedReorderableListProps} from '../types';
 
 const NestedReorderableListWithRef = <T,>(
-  {scrollable, scrollEnabled = true, ...rest}: NestedReorderableListProps<T>,
+  {scrollable, ...rest}: NestedReorderableListProps<T>,
   ref?: React.ForwardedRef<FlatList<T>>,
 ) => {
   const {
@@ -15,9 +15,9 @@ const NestedReorderableListWithRef = <T,>(
     scrollViewScrollOffsetY,
     scrollViewPageY,
     scrollViewHeightY,
-    scrollViewScrollEnabled,
+    scrollViewScrollEnabledProp,
+    scrollViewCurrentScrollEnabled,
     outerScrollGesture,
-    initialScrollViewScrollEnabled,
   } = useContext(ScrollViewContainerContext);
 
   return (
@@ -29,10 +29,9 @@ const NestedReorderableListWithRef = <T,>(
       scrollViewPageY={scrollViewPageY}
       scrollViewHeightY={scrollViewHeightY}
       outerScrollGesture={outerScrollGesture}
-      scrollViewScrollEnabled={scrollViewScrollEnabled}
-      initialScrollViewScrollEnabled={initialScrollViewScrollEnabled}
+      scrollViewScrollEnabledProp={scrollViewScrollEnabledProp}
+      scrollViewCurrentScrollEnabled={scrollViewCurrentScrollEnabled}
       scrollable={scrollable}
-      scrollEnabled={scrollEnabled}
       nestedScrollEnabled
     />
   );

package/src/components/ReorderableList.tsx

@@ -5,20 +5,19 @@ import {ReorderableListCore} from './ReorderableListCore';
 import type {ReorderableListProps} from '../types';
 
 const ReorderableListWithRef = <T,>(
-  {scrollEnabled = true, ...rest}: ReorderableListProps<T>,
+  props: ReorderableListProps<T>,
   ref: React.Ref<FlatList<T>>,
 ) => (
   <ReorderableListCore
-    {...rest}
+    {...props}
     ref={ref}
-    scrollEnabled={scrollEnabled}
     scrollViewContainerRef={undefined}
     scrollViewScrollOffsetY={undefined}
     scrollViewPageY={undefined}
     scrollViewHeightY={undefined}
     outerScrollGesture={undefined}
-    scrollViewScrollEnabled={undefined}
-    initialScrollViewScrollEnabled
+    scrollViewScrollEnabledProp={undefined}
+    scrollViewCurrentScrollEnabled={undefined}
     scrollable
   />
 );

package/src/components/ReorderableListCell.tsx

@@ -38,8 +38,14 @@ export const ReorderableListCell = memo(
     draggedIndex,
     animationDuration,
   }: ReorderableListCellProps<T>) => {
-    const {currentIndex, draggedHeight, activeIndex, cellAnimations} =
-      useContext(ReorderableListContext);
+    const {
+      currentIndex,
+      draggedHeight,
+      activeIndex,
+      cellAnimations,
+      itemLayoutAnimation,
+    } = useContext(ReorderableListContext);
+
     const dragHandler = useCallback(
       () => runOnUI(startDrag)(index),
       [startDrag, index],
@@ -141,7 +147,10 @@ export const ReorderableListCell = memo(
 
     return (
       <ReorderableCellContext.Provider value={contextValue}>
-        <Animated.View style={animatedStyle} onLayout={handleLayout}>
+        <Animated.View
+          style={animatedStyle}
+          onLayout={handleLayout}
+          layout={itemLayoutAnimation.current}>
           {children}
         </Animated.View>
       </ReorderableCellContext.Provider>

package/src/components/ReorderableListCore.tsx

@@ -3,6 +3,7 @@ import {
   CellRendererProps,
   FlatList,
   FlatListProps,
+  InteractionManager,
   LayoutChangeEvent,
   Platform,
   ScrollView,
@@ -42,6 +43,7 @@ import {
   SCALE_ANIMATION_CONFIG_DEFAULT,
 } from './constants';
 import {ReorderableListCell} from './ReorderableListCell';
+import {usePropAsSharedValue, useStableCallback} from '../hooks';
 
 const AnimatedFlatList = Animated.createAnimatedComponent(
   FlatList,
@@ -55,11 +57,10 @@ interface ReorderableListCoreProps<T> extends ReorderableListProps<T> {
   scrollViewPageY: SharedValue<number> | undefined;
   scrollViewHeightY: SharedValue<number> | undefined;
   scrollViewScrollOffsetY: SharedValue<number> | undefined;
-  scrollViewScrollEnabled: SharedValue<boolean> | undefined;
+  scrollViewScrollEnabledProp: SharedValue<boolean> | undefined;
+  scrollViewCurrentScrollEnabled: SharedValue<boolean> | undefined;
   outerScrollGesture: NativeGesture | undefined;
-  initialScrollViewScrollEnabled: boolean | undefined;
   scrollable: boolean | undefined;
-  scrollEnabled: boolean | undefined;
 }
 
 const ReorderableListCore = <T,>(
@@ -80,31 +81,31 @@ const ReorderableListCore = <T,>(
     scrollViewPageY,
     scrollViewHeightY,
     scrollViewScrollOffsetY,
-    scrollViewScrollEnabled,
+    scrollViewScrollEnabledProp,
+    scrollViewCurrentScrollEnabled,
     scrollable,
     outerScrollGesture,
     cellAnimations,
+    dragEnabled = true,
     shouldUpdateActiveItem,
+    itemLayoutAnimation,
     panGesture,
     panEnabled = true,
     panActivateAfterLongPress,
     data,
+    keyExtractor,
     ...rest
   }: ReorderableListCoreProps<T>,
   ref: React.ForwardedRef<FlatList<T>>,
 ) => {
-  // FlatList will default to true if we pass explicitly undefined,
-  // but internally we would treat it as false, so we force true.
-  const initialScrollEnabled =
-    typeof rest.scrollEnabled === 'undefined' ? true : rest.scrollEnabled;
-  const initialScrollViewScrollEnabled =
-    typeof rest.initialScrollViewScrollEnabled === 'undefined'
-      ? true
-      : rest.initialScrollViewScrollEnabled;
+  const scrollEnabled = rest.scrollEnabled ?? true;
 
   const flatListRef = useAnimatedRef<FlatList>();
+  const markedCellsRef = useRef<Map<string, 1>>();
   const [activeIndex, setActiveIndex] = useState(-1);
-  const scrollEnabled = useSharedValue(initialScrollEnabled);
+  const prevItemCount = useRef(data.length);
+
+  const currentScrollEnabled = useSharedValue(scrollEnabled);
   const gestureState = useSharedValue<State>(State.UNDETERMINED);
   const currentY = useSharedValue(0);
   const currentTranslationY = useSharedValue(0);
@@ -137,30 +138,29 @@ const ReorderableListCore = <T,>(
     ((from: number, to: number) => void)[][]
   >([]);
   const startY = useSharedValue(0);
-  const duration = useSharedValue(animationDuration);
   const scaleDefault = useSharedValue(1);
   const opacityDefault = useSharedValue(1);
   const dragDirection = useSharedValue(0);
   const lastDragDirectionPivot = useSharedValue<number | null>(null);
-  const autoscrollDelta = useSharedValue(autoscrollActivationDelta);
-  const prevItemCount = useRef(data.length);
+
+  const itemLayoutAnimationPropRef = useRef(itemLayoutAnimation);
+  itemLayoutAnimationPropRef.current = itemLayoutAnimation;
+
+  const keyExtractorPropRef = useRef(keyExtractor);
+  keyExtractorPropRef.current = keyExtractor;
+
+  const scrollEnabledProp = usePropAsSharedValue(scrollEnabled);
+  const animationDurationProp = usePropAsSharedValue(animationDuration);
+  const autoscrollActivationDeltaProp = usePropAsSharedValue(
+    autoscrollActivationDelta,
+  );
+  const dragEnabledProp = usePropAsSharedValue(dragEnabled ?? true);
 
   // Position of the list relative to the scroll container
   const nestedFlatListPositionY = useDerivedValue(
     () => flatListPageY.value - (scrollViewPageY?.value || 0),
   );
 
-  useEffect(() => {
-    duration.value = animationDuration;
-    autoscrollDelta.value = autoscrollActivationDelta;
-  }, [
-    duration,
-    animationDuration,
-    autoscrollDelta,
-    autoscrollActivationDelta,
-    itemCount,
-  ]);
-
   useEffect(() => {
     itemCount.value = data.length;
 
@@ -179,6 +179,42 @@ const ReorderableListCore = <T,>(
     prevItemCount.current = data.length;
   }, [data.length, itemHeight, itemOffset, itemCount]);
 
+  useEffect(() => {
+    if (
+      !markedCellsRef.current ||
+      // Clean keys once they surpass by 10% the size of the list itself.
+      markedCellsRef.current.size <= data.length + Math.ceil(data.length * 0.1)
+    ) {
+      return;
+    }
+
+    // Can be heavy to loop through all items, defer the task to run after interactions.
+    const task = InteractionManager.runAfterInteractions(() => {
+      if (!markedCellsRef.current) {
+        return;
+      }
+
+      const map = new Map<string, 1>();
+      for (let i = 0; i < data.length; i++) {
+        const key = keyExtractorPropRef.current?.(data[i], i) || i.toString();
+        if (markedCellsRef.current.has(key)) {
+          map.set(key, markedCellsRef.current.get(key)!);
+        }
+      }
+
+      markedCellsRef.current = map;
+    });
+
+    return () => {
+      task.cancel();
+    };
+  }, [data]);
+
+  const createCellKey = useCallback((cellKey: string) => {
+    const mark = markedCellsRef.current?.get(cellKey) || 0;
+    return `${cellKey}#${mark}`;
+  }, []);
+
   const listContextValue = useMemo(
     () => ({
       draggedHeight,
@@ -186,6 +222,7 @@ const ReorderableListCore = <T,>(
       draggedIndex,
       dragEndHandlers,
       activeIndex,
+      itemLayoutAnimation: itemLayoutAnimationPropRef,
       cellAnimations: {
         ...cellAnimations,
         transform:
@@ -205,6 +242,7 @@ const ReorderableListCore = <T,>(
       dragEndHandlers,
       activeIndex,
       cellAnimations,
+      itemLayoutAnimationPropRef,
       scaleDefault,
       opacityDefault,
     ],
@@ -227,14 +265,14 @@ const ReorderableListCore = <T,>(
           lastDragDirectionPivot.value = e.absoluteY;
         } else if (
           Math.abs(e.absoluteY - lastDragDirectionPivot.value) >=
-          autoscrollDelta.value
+          autoscrollActivationDeltaProp.value
         ) {
           dragDirection.value = direction;
           lastDragDirectionPivot.value = e.absoluteY;
         }
       }
     },
-    [dragDirection, lastDragDirectionPivot, autoscrollDelta],
+    [dragDirection, lastDragDirectionPivot, autoscrollActivationDeltaProp],
   );
 
   const setCurrentItemDragCenterY = useCallback(
@@ -349,30 +387,32 @@ const ReorderableListCore = <T,>(
 
   const setScrollEnabled = useCallback(
     (enabled: boolean) => {
-      // if scroll is enabled on list props then we can toggle it
-      if (initialScrollEnabled) {
-        scrollEnabled.value = enabled;
+      // When re-enabling the scroll of the flatlist we check whether its prop is set to true.
+      if ((enabled && scrollEnabledProp.value) || !enabled) {
+        currentScrollEnabled.value = enabled;
         flatListRef.current?.setNativeProps({scrollEnabled: enabled});
       }
 
       if (
         scrollViewContainerRef &&
-        scrollViewScrollEnabled &&
-        initialScrollViewScrollEnabled
+        scrollViewScrollEnabledProp &&
+        scrollViewCurrentScrollEnabled &&
+        // When re-enabling the scroll of the container we check whether its prop is set to true.
+        ((enabled && scrollViewScrollEnabledProp?.value) || !enabled)
       ) {
-        scrollViewScrollEnabled.value = enabled;
+        scrollViewCurrentScrollEnabled.value = enabled;
         scrollViewContainerRef.current?.setNativeProps({
           scrollEnabled: enabled,
         });
       }
     },
     [
-      initialScrollEnabled,
       flatListRef,
-      scrollEnabled,
-      initialScrollViewScrollEnabled,
+      scrollEnabledProp,
+      currentScrollEnabled,
+      scrollViewScrollEnabledProp,
+      scrollViewCurrentScrollEnabled,
       scrollViewContainerRef,
-      scrollViewScrollEnabled,
     ],
   );
 
@@ -399,12 +439,31 @@ const ReorderableListCore = <T,>(
   ]);
 
   const resetSharedValuesAfterAnimations = useCallback(() => {
-    setTimeout(runOnUI(resetSharedValues), duration.value);
-  }, [resetSharedValues, duration]);
+    setTimeout(runOnUI(resetSharedValues), animationDurationProp.value);
+  }, [resetSharedValues, animationDurationProp]);
+
+  const markCells = (fromIndex: number, toIndex: number) => {
+    if (!markedCellsRef.current) {
+      markedCellsRef.current = new Map();
+    }
+
+    const start = Math.min(fromIndex, toIndex);
+    const end = Math.max(fromIndex, toIndex);
+    for (let i = start; i <= end; i++) {
+      const cellKey = keyExtractorPropRef.current?.(data[i], i) || i.toString();
+      if (!markedCellsRef.current.has(cellKey)) {
+        markedCellsRef.current.set(cellKey, 1);
+      } else {
+        markedCellsRef.current.delete(cellKey);
+      }
+    }
+  };
 
   const reorder = (fromIndex: number, toIndex: number) => {
     runOnUI(resetSharedValues)();
 
+    markCells(fromIndex, toIndex);
+
     if (fromIndex !== toIndex) {
       onReorder({from: fromIndex, to: toIndex});
     }
@@ -571,7 +630,7 @@ const ReorderableListCore = <T,>(
           dragY.value = withTiming(
             newTopPosition,
             {
-              duration: duration.value,
+              duration: animationDurationProp.value,
               easing: Easing.out(Easing.ease),
             },
             () => {
@@ -799,7 +858,7 @@ const ReorderableListCore = <T,>(
     // checking if the list is not scrollable instead of the scrolling state
     // fixes a bug on iOS where the item is shifted after autoscrolling and then
     // moving away from autoscroll area
-    if (!scrollEnabled.value) {
+    if (!currentScrollEnabled.value) {
       dragScrollTranslationY.value =
         flatListScrollOffsetY.value - dragInitialScrollOffsetY.value;
     }
@@ -822,10 +881,10 @@ const ReorderableListCore = <T,>(
   useAnimatedReaction(
     () => scrollViewScrollOffsetY?.value,
     value => {
-      if (value && scrollViewScrollEnabled) {
+      if (value && scrollViewCurrentScrollEnabled) {
         // checking if the list is not scrollable instead of the scrolling state
         // fixes a bug on iOS where the item is shifted after autoscrolling and moving away from the area
-        if (!scrollViewScrollEnabled.value) {
+        if (!scrollViewCurrentScrollEnabled.value) {
           scrollViewDragScrollTranslationY.value =
             value - scrollViewDragInitialScrollOffsetY.value;
         }
@@ -848,6 +907,10 @@ const ReorderableListCore = <T,>(
     (index: number) => {
       'worklet';
 
+      if (!dragEnabledProp.value) {
+        return;
+      }
+
       // allow new drag when item is completely released
       if (state.value === ReorderableListState.IDLE) {
         // resetting shared values again fixes a flickeing bug in nested lists where
@@ -875,6 +938,7 @@ const ReorderableListCore = <T,>(
       }
     },
     [
+      dragEnabledProp,
       resetSharedValues,
       shouldUpdateActiveItem,
       dragInitialScrollOffsetY,
@@ -953,21 +1017,20 @@ const ReorderableListCore = <T,>(
     onScroll || null,
   ]);
 
-  const renderAnimatedCell = useCallback(
+  const renderAnimatedCell = useStableCallback(
     ({cellKey, ...props}: CellRendererProps<T>) => (
       <ReorderableListCell
         {...props}
         // forces remount with key change on reorder
-        key={`${cellKey}+${props.index}`}
+        key={createCellKey(cellKey)}
         itemOffset={itemOffset}
         itemHeight={itemHeight}
         dragY={dragY}
         draggedIndex={draggedIndex}
-        animationDuration={duration}
+        animationDuration={animationDurationProp}
         startDrag={startDrag}
       />
     ),
-    [itemOffset, itemHeight, dragY, draggedIndex, duration, startDrag],
   );
 
   return (
@@ -977,6 +1040,7 @@ const ReorderableListCore = <T,>(
           {...rest}
           ref={handleRef}
           data={data}
+          keyExtractor={keyExtractor}
           CellRendererComponent={renderAnimatedCell}
           onLayout={handleFlatListLayout}
           onScroll={composedScrollHandler}

package/src/components/ScrollViewContainer.tsx

@@ -11,14 +11,18 @@ import Animated, {
   useSharedValue,
 } from 'react-native-reanimated';
 
-import {ScrollViewContainerContext} from '../contexts/ScrollViewContainerContext';
+import {ScrollViewContainerContext} from '../contexts';
+import {usePropAsSharedValue} from '../hooks';
 import type {ScrollViewContainerProps} from '../types';
 
 const ScrollViewContainerWithRef = (
-  {onLayout, onScroll, scrollEnabled = true, ...rest}: ScrollViewContainerProps,
+  {onLayout, onScroll, ...rest}: ScrollViewContainerProps,
   ref: React.ForwardedRef<ScrollView>,
 ) => {
-  const scrollViewScrollEnabled = useSharedValue(scrollEnabled);
+  const scrollEnabled = rest.scrollEnabled ?? true;
+
+  const scrollViewScrollEnabledProp = usePropAsSharedValue(scrollEnabled);
+  const scrollViewCurrentScrollEnabled = useSharedValue(scrollEnabled);
   const scrollViewContainerRef = useAnimatedRef<Animated.ScrollView>();
   const scrollViewScrollOffsetY = useSharedValue(0);
   const scrollViewPageY = useSharedValue(0);
@@ -57,18 +61,18 @@ const ScrollViewContainerWithRef = (
       scrollViewPageY,
       scrollViewHeightY,
       scrollViewScrollOffsetY,
-      scrollViewScrollEnabled,
+      scrollViewScrollEnabledProp,
+      scrollViewCurrentScrollEnabled,
       outerScrollGesture,
-      initialScrollViewScrollEnabled: scrollEnabled,
     }),
     [
       scrollViewContainerRef,
       scrollViewPageY,
       scrollViewHeightY,
       scrollViewScrollOffsetY,
-      scrollViewScrollEnabled,
+      scrollViewScrollEnabledProp,
+      scrollViewCurrentScrollEnabled,
       outerScrollGesture,
-      scrollEnabled,
     ],
   );
 
@@ -99,7 +103,6 @@ const ScrollViewContainerWithRef = (
           ref={handleRef}
           onScroll={composedScrollHandler}
           onLayout={handleLayout}
-          scrollEnabled={scrollEnabled}
         />
       </GestureDetector>
     </ScrollViewContainerContext.Provider>