I made a React Native Drag and Drop library that finally works!

1 day ago 3

Hey folks!

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!

Read Entire Article