Is it possible to make the Composable not clip within its bounds when using AnimatedVisibility? slid...

# compose

[allan.conda]

Is it possible to make the Composable not clip within its bounds when using AnimatedVisibility? slideInVertically() seems unusable due to the clipping

[Doris Liu]

slideInVertically shouldn't clip, but its parent may choose to clip it. Which composable are you seeing the clipping in?

[allan.conda]

ah. I’m trying to animate my LazyColumn items

[Doris Liu]

That sounds like a reasonable use case. Please file a bug if there's no good way to do it through public API. 🙂

[allan.conda]

Thanks! I’m going to see what I can find and do that if I can’t otherwise.

[allan.conda]

Ok I guess I can file it as a bug and it can either be considered or set to won’t fix

[Doris Liu]

In LazyColumn(For) you'll need to hoist the state for whether the item has been shown. If an item has been shown, you can set the initiallyVisible param to true, to prevent animations from firing.

[allan.conda]

I’ve been trying to do that but I’m encountering problems. It recomposes instantly in my case and doesn’t animate. I can’t find API to listen to the end of the animation.
If it isn’t too much to ask could you provide a minimal sample of what you mean?

[Doris Liu]

Without knowing the details of your use case, my advice is around preventing items from animating when added to the tree again:

val items = remember { colors.map {
    Pair(it, mutableStateOf(false) /*initiallyVisible*/) } }
LazyColumnFor(
    items
) {
    AnimatedVisibility(true, initiallyVisible = it.second.value) {
        onDispose {
            it.second.value = true
        }
        // Children here
    }
}

[allan.conda]

Thank you! That works