Jetpack Compose (AnimatedVisibility) 中的动画对我来说根本不起作用？

Question

我想要为某些文本的可见性设置动画，使其不仅出现/消失，还可以在我正在构建的 Jetpack Compose Android 应用程序中滑入/滑出。

我只是从developer.android.com/jetpack/compose/animation 复制粘贴了这个小代码片段，但它不起作用：

var visible by remember { mutableStateOf(true) }
val density = LocalDensity.current
AnimatedVisibility(
    visible = visible,
    enter = slideInVertically {
        // Slide in from 40 dp from the top.
        with(density) { -40.dp.roundToPx() }
    } + expandVertically(
        // Expand from the top.
        expandFrom = Alignment.Top
    ) + fadeIn(
        // Fade in with the initial alpha of 0.3f.
        initialAlpha = 0.3f
    ),
    exit = slideOutVertically() + shrinkVertically() + fadeOut()
) {
    Text("Hello", Modifier.fillMaxWidth().height(200.dp))
}

它根本没有动画，文本在没有任何动画的情况下显示/隐藏。

有什么想法可能是什么问题吗？

我想我不能将我的整个应用程序粘贴到这里，因为这很愚蠢，如果 Google 能够为我们提供一个 Jetpack Compose Playground 之类的东西，以便能够在那里练习和测试代码，那就太好了……

Answer 1

使用visibleState参数而不是在AnimatedVisibility()中可见。