AnimatedContent 在 Jetpack Compose 中如何工作？

Question

我正在基于 Jetpack Compose 在 Android TV 上开发一个项目。我已经尝试使用

AnimatedVisibility

为我的 UI 制作动画，但它自然会从屏幕上删除我想要制作动画的内容，这是我不想要的。我想将部分内容保留在屏幕上。以下是我使用

AnimatedVisibility

的代码：

Column(){
    AnimatedVisibility(
        visible = !isClicked,
        enter = slideInVertically {
            with(density) { -50.dp.roundToPx()}
        } + fadeIn ( initialAlpha = 0.3f),
        exit = slideOutVertically {
            with(density) {-50.dp.roundToPx()}
        } + fadeOut( targetAlpha = 0.3f),
        modifier = Modifier.weight(0.50f)
    ){
        Column(){
            //Some code
        }
    }
    
    Column{
        //Some more code
    }
}

按照代码的建议，我希望 50.dp 偏移量在动画时仍然显示

AnimatedVisibility

块内我的列的 botton 50.dp，而不是从屏幕上消失。

我已经研究了

AnimatedContent

，看起来它可以用来解决这个问题，但我不明白如何使这段代码适应

AnimatedContent

。对此的任何帮助将不胜感激！