reanimated-dnd

You can build drag-and-drop interactions in React Native by wrapping your app with a DropProvider and composing Draggable, Droppable, Sortable, and SortableGrid components. This architecture abstracts away custom gesture handling, state synchronization, and animation pipelines.

Yes, you can create a sortable grid with dynamic item heights in React Native using dedicated SortableGrid components. The library specifically supports 2D grids, collision detection, and dynamic item heights alongside vertical and horizontal lists.

Yes, you need react-native-reanimated, react-native-gesture-handler, and react-native-worklets as peer libraries to operate. These dependencies enable the smooth UI-thread animations required for high-performance sortable lists and drag-and-drop zones.

The best way to handle collision detection and axis constraints for draggable items is using a DropProvider-based architecture. It provides fine-grained control over bounded dragging, collision detection, and axis constraints directly within its draggable and droppable components.

Yes, this drag-and-drop approach supports dragging items between different droppable zones in React Native. By composing Draggable and Droppable components within a DropProvider, you can orchestrate drag-and-drop interactions between zones with live visual feedback.

Drag-and-drop list animations stutter when running on the JavaScript thread instead of the UI thread. Using a library built on react-native-reanimated and react-native-worklets ensures your live reordering animations run on the UI thread for high performance.