Is it possible to implement item dragging as shown in the image?

[RouberR]

Hello! The library looks fantastic, but I wanted to ask if it is possible to implement item dragging functionality similar to the one shown in the attached image.

[MatiPl01]

Unfortunately, this is not possible, if you mean reordering of grid items that span across different columns or rows. Grid layout supports only items with different heights for now, but it doesn't mean that they span across different rows.

I may consider adding support for this in the future but I don't have an idea how reordering could work in this case if you try to swap an item occupying one column with an item that occupies 2 columns. Can you maybe describe me how you see that?

Btw, use the Discussions tab for questions and feature request instead of issues.

[RouberR]

@MatiPl01 Thank you for your response! Here’s how I imagine the behavior: If a 1-column item is dragged into a 2-column space, it could either:

1. Move downward, leaving empty space (grid "push" effect).
2. Swap entire columns with items.

I saw a similar approach in the react-native-drag-sort library, but it has bad animation, optimization and many bugs

P.S. Apologies for using Issues instead of Discussions — I’ll repost this there if needed.

[MatiPl01]

You don't have to move this question to discussions. I will not close the issue until we finish talking here. I just wanted to let you know that discussions are a better place for things like that.

Also thank you for letting me know about this library. I saw similar solutions but never came across this one.

You would likely want to create layout that in this library is called AnyThreeLayout. I think that you can now achieve a kind of similar result with the Sortable.Flex component by setting half of the parent container width on some views and the full width on other. It should work in a similar way.

I know that this is not ideal so I would likely implement some more developer friendly solution for this case in the future. For now, I am focusing on adding the web support. I may try implementing this grid layout with column spanning next.