How to make it work with list of expandable items e.g. using with react-native-collapsible

[adorum]

Hi,

Sortable.Grid with columns={1} work like a charm as a vertical list of draggable items. I need to have these items expandable like e.g an accordion - currently I am using react-native-collapsible package to expand/collapse item subcontent. Problem is that the grid items underneath the currently expanded item does not animate down/up while expanding/expanding. These items animates right after collapsible animation ends. I guess it has something to do with re-layouting the grid items after animation ends - so it does not support dynamically animated item height change. Any ideas/suggestions how to solve it?

[MatiPl01]

Hey!

Do you want it to work in a similar way to how it works in the video in this PR's description? If yes, you may try looking at this example implementation in the example app. You may even clone the repo and play with this example locally to see if it fulfills your requirements.

[adorum]

it's not actually what I am looking for. I cloned the repo and changed the example. See attached video. Problem is that change of active item height does not push the item below with the same animation as active item height grows.

Simulator.Screen.Recording.-.iPhone.17.-.2026-01-21.at.13.47.45.mov