Hi, I would like to replicate a lazycolum that behaves like the one in this gif. How can I animate di expand/collapse effect of the sections? AnimatedVisibility can't be used in LazyColumnScope so I can't wrap the "items" function.

Can’t help you with this. Just wanted to let you know that you attached a png not a gif.

ehehehhe my bad, this is the gif 😁 thank you

I think this would require having animations for additions and removals, which unfortunately isn't available yet, as per https://issuetracker.google.com/issues/150812265.

@sindrenm thank you very much for your answer! Guess I'll have to wait for Compose to be updated 😄

Yeah, but it's hard to say when that'll happen We have the exact same use case as you in our app, and we just ditched the animations for now, but it would definitely be nice.

yes i'll just use an if statement to toggle visibility for the moment too

> AnimatedVisibility can't be used in LazyColumnScope so I can't wrap the "items" function. What will wrapping

items()

even achieve? You want individual items to be expandable, yes?

Text(text, Modifier.clickable { expand = true })
AnimatedVisibility(expand) { OtherContent() }

I want the items of a single section to expand/shrink in group because wrapping each item with an AnimatedVisibility leads to a heavy performance impact

I would expect the whole

items {}

block to animate down, and each item inside to fade in. That first animation wouldn't work with

AnimatedVisibility

around each item.

Oh I see, so the expanded part is a LazyColumn as well? Wouldn't that introduce nested scrolling issues? Main list scrolls when you really want the internal list to scroll?

No, I'd expect those expanded items to just be `item`s in the same LazyColumn.

In my case even the items of each section should be lazy as they can be many

Yes and row height based calculations are not reliable anyway. Some rows may be larger if they wrap, for example. Although you could limit them to 1 line and ellipsize them, or perhaps marquee.

If you have many items in each section, you probably don't want non-scrollable LazyColumns, though? I don't know the internals of how theze lazy layouts work, but I thought that would invalidate their lazy nature.

Maybe you're right, for the moment anyway I just removed any sort of animations 😄

Yeah, that was what we ended up doing, as well. 😅