react-native-reanimated-dnd Integration Skill

Version: 2.0.0 Category: UI / Drag and Drop Platform: React Native (requires react-native-reanimated >=4.2.0, react-native-gesture-handler >=2.28.0, react-native-worklets >=0.7.0)

Overview

react-native-reanimated-dnd provides performant drag-and-drop primitives for React Native. It offers both high-level components and low-level hooks for:

• Drag & Drop: Move items between drop zones
• Sortable Lists: Vertical and horizontal reorderable lists
• Sortable Grids: 2D grids with insert or swap reordering
• Constraints: Axis locking, bounded dragging, collision detection
• Dynamic Heights: Auto-measuring variable-height items in lists

All animations run on the UI thread via Reanimated worklets.