I'm working on a React Native app and need to create a reorderable list with specific functionalities. While I've managed to implement basic drag-and-drop using react-native-gesture-handler and react-native-reanimated, I'm struggling with making it reorderable.
What I need:
Reorderable List: Users should be able to drag list items to reorder them.
Moving freely in all directions: This part is currently working using the packages mentioned above, but make it reorderable at the same time is a problem.
Drop Shadow: While dragging an item, I want to display a shadow at the potential drop location, giving users visual feedback on where the item will be placed upon release. I'm unsure how to dynamically update this shadow based on the item's current drag position.
All packages i have found for reorderable lists have been only horizontal but i need it to be able to move in any direction.Additionally I need to track how much an item has been dragged to the sides for additional functionalities, like triggering specific actions based on the drag distance.
Anyone done something similar or knows how to implement this?