react-native-draggable-flatlist icon indicating copy to clipboard operation
react-native-draggable-flatlist copied to clipboard

similar to dragging icons on the iOS/Android: Sorting with merge

Open FelipeSchiavini opened this issue 4 months ago • 0 comments

Is your feature request related to a problem? Please describe.
Right now, there is no native way to allow users to reorder items and group them into a folder, like on the iOS or Android home screen. This limits the user experience when they want to organize their items in a personalized way.

Describe the solution you'd like
I would like to have a component or API that supports drag-and-drop of items in a list or grid, with overlap detection between items. When two items overlap for a configurable amount of time, they should automatically be grouped into a "folder" (container), creating a new view that displays the items inside.

Describe alternatives you've considered
I considered using drag-and-drop for reordering only, but that does not solve the need to group items. Another alternative would be opening a modal where users manually select multiple items to create a folder, but this is less intuitive and does not replicate the familiar behavior from mobile home screens.

Additional context
The expected behavior is similar to dragging icons on the iOS/Android home screen:

  • The item follows the user’s finger.
  • When it overlaps with another item and stays there briefly, they are grouped into a new folder.
  • The user can rename the folder and continue adding or removing items by dragging them.

FelipeSchiavini avatar Sep 19 '25 15:09 FelipeSchiavini