Has anyone ever had a Switch that wasn't controlled by animation? ```val normalModifier = 0.dp val e...

# compose

[Nthily]

Has anyone ever had a Switch that wasn't controlled by animation?

val normalModifier = 0.dp
val expandModifier = 700.dp

val animatedHeight by animateDpAsState(
    targetValue = (if(viewModel.textListSwitch) expandModifier else normalModifier),
    animationSpec = tween(500)
)

I wrote a height animation of the expanded content, but I found that the Text control inside can be hidden in this way, while the Switch control is still displayed

[Doris Liu]

Can you share how this snippet is used with Switch and maybe a video clip of what the animation looks like now. 🙂

[Nthily]

yes sure

[Nthily]

https://paste.ubuntu.com/p/zyHg78qwrk/

[Nthily]

its my code

[Nthily]

I seem to have solved the problem and when I use LazyColumn, the problem does not occur

[Nthily]

Column(
    modifier = Modifier
        .padding(8.dp)
        .height(animatedHeight)
        .verticalScroll(rememberScrollState())
)

what, I also found that if I added .verticalScroll, it also became normal

[Doris Liu]

The Switch has a requiredSize defined: https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]124?q=switch.kt&ss=androidx%2Fplatform%2Fframeworks%2Fsupport

As a result, when the parent doesn't have enough space (e.g. 0 height) to accommodate the Switch, it will be centered in the parent. Since the parent doesn't clip, you end up seeing the whole switch. Here is an example of the requiredSize modifier if you are curious.

[Nthily]

thank you !

[Doris Liu]

For animating expanding/collapsing, I'd recommend Modifier.animateContentSize or AnimatedVisibility

You could add Modifier.animateContentSize to your column:

Column(Modifier.animateContentSize()) { 
if(viewModel.textListSwitch) // Show the content only when condition is met
}

Or put the Column in an AnimatedVisibility :

AnimatedVisibility(visible = viewModel.textListSwitch) { Column(..) {...} }

[Nthily]

thanks ! i will try it

[Nthily]

by the way, is the navigate animation in Navigation going to be adapted yet? hhahaha

[Doris Liu]

Navigation animation work is being tracked here: https://issuetracker.google.com/172112072 Please feel free to star for updates. 🙂

[Nthily]

ok!!!