Android Jetpack Compose文本动画未按预期生效求助

以下是几个导致动画未按预期执行的常见原因及修复方案：

• 状态未使用可观察对象：如果textVisibility只是普通布尔变量，状态变化不会触发Compose重组，动画自然不会启动。必须用MutableState或MutableTransitionState保存状态，并通过remember确保状态在重组中保留。
• 初始偏移超出可视范围：代码里initialOffsetY = { (it / 0.5).toInt() }会让文本从自身高度2倍的下方位置滑入，这个位置大概率超出屏幕可视区域，导致看起来没有动画。建议调整为更直观的偏移值，比如{ it }（从自身高度下方滑入）。
• 未触发状态切换：动画需要通过切换textVisibility的状态来触发，比如页面加载后延迟切换，或者通过用户交互触发。
• 颜色引用错误：MaterialTheme.colors.textColor并非Jetpack Compose MaterialTheme的标准属性，应该用onBackground、onSurface等对应文本颜色，避免潜在的编译或显示问题。

修复后的完整代码示例：

// 在Fragment的Composable函数内
val textVisibility = remember { mutableStateOf(false) }

// 页面加载后延迟1秒触发动画
LaunchedEffect(Unit) {
    delay(1000)
    textVisibility.value = true
}

Column(
    modifier = Modifier.fillMaxSize(),
    verticalArrangement = Arrangement.Center,
    horizontalAlignment = Alignment.CenterHorizontally
) {
    AnimatedVisibility(
        visible = textVisibility.value,
        enter = fadeIn(animationSpec = tween(3000)) +
                slideInVertically(
                    animationSpec = tween(3000),
                    initialOffsetY = { it }
                )
    ) {
        Text(
            text = "Jetpack Compose",
            style = MaterialTheme.typography.body1,
            color = MaterialTheme.colors.onBackground
        )
    }
}

如果要通过用户交互（比如按钮点击）触发动画，只需在点击事件中执行textVisibility.value = !textVisibility.value即可。

内容的提问来源于stack exchange，提问作者kNN