Sortable flat list?

[GNUGradyn]

Hello, this library currently supports complex sorting layouts like grid and flex. Would be nice to also have support for a simple flat vertical/horizontal sort like react-native-draggable-flatlist. This would allow such lists to be sorted with the same library/API for apps that have both flat list sorting and grid/flex sorting

Thanks!

[MatiPl01]

Hey @GNUGradyn!

Thanks for your suggestion. I am planning to add support for virtualized lists later in the future but rather it will take some more time. It is not easy to add the sorting feature to them as layout is not controlled by me and I can't synchronously update animated styles via reanimated in reaction to layout changes. It will require implementing some tricks to make it work and remove temporarily applied reanimated styles when items are rendered in the new order.

I have some ideas how to tackle this problem but haven't started implementing it yet.

[GNUGradyn]

Ah that's a good idea too but I just meant the layout of a flat list where it's fixed to 1 axis like this, not the virtualization feature of the flat list component

[MatiPl01]

Ok, I see. For one column/row layout you can use the Sortable.Grid component with columns={1} or rows={1}. It will work fine for this case and the grid layout calculation is not that complex so I don't think there is a necessity to add another variant of this component that will support only one column/row layouts.

[GNUGradyn]

Sounds good, thanks

[GNUGradyn]

Just for anyone else who comes across this thread you can simulate the vertical only dragging effect of a sortable flatlist with the overDrag prop

[MatiPl01]

Sorry, I didn't understand that you were asking about disabling the possibility to move the active item along the other axis in your question above. Good that you found this prop and figured it out yourself.

[GNUGradyn]

No problem, was a question about the layout and the behavior so your answer and my answer combined make what i was looking for :)