I wanted to develop drag-and-drop functionality in my React Native app. After hitting a wall with all the existing options, I decided to dive deep and build a solution from scratch built with Reanimated 3 and RNGH.
The result is react-native-reanimated-dnd, a library I poured a ton of effort into, hoping to create something genuinely useful for the community.
My goals were simple:
Performance: Smooth, 60fps interactions are a must.
Flexibility: From basic draggables to complex, auto-scrolling sortable lists.
Developer Experience: Clear API, TypeScript, and (I hope!) excellent documentation with plenty of examples. (There's an example app with 15 demos you can try via Expo Go – link in the README!)
It's got all the features I wished for: collision detection, drag handles, boundary constraints, custom animations, and more.
You can find everything – code, feature list, GIFs, and links to the live demo & docs – on GitHub.
@entropyconquers/react-native-reanimated-dnd
If you find it helpful or think it's a cool project, I'd be super grateful for a star !
I'd love to hear your thoughts, or even what your biggest pain points with DnD in RN have been. Let's make DnD less of a chore!