如何仅在数秒内显示Jetpack Compose中的Box/Text组件？

要让Box和Text仅显示指定时长，可以通过状态变量结合协程延迟来实现，具体步骤和代码如下：

• 定义布尔状态变量，控制组件的显示状态
• 用LaunchedEffect启动协程，延迟指定秒数后切换状态
• 根据状态变量决定是否渲染Box和Text

完整示例代码：

@Composable
fun TimedBoxText() {
    // 记录组件是否可见的状态，初始为true
    var isVisible by remember { mutableStateOf(true) }

    // 首次组合时启动协程，执行延迟隐藏逻辑
    LaunchedEffect(Unit) {
        // 延迟3秒（3000毫秒），可自行修改时长
        delay(3000L)
        isVisible = false
    }

    // 根据状态判断是否渲染组件
    if (isVisible) {
        Box(modifier = Modifier) {
            Text(text = "BlaBla")
        }
    }
}

关键逻辑说明 #

• remember 确保状态变量在Compose重组时不会被重置
• LaunchedEffect(Unit) 仅在组件首次加载时执行一次协程，避免重复触发
• 修改delay的参数值可以调整显示时长，比如5000L就是显示5秒
• 如果需要再次显示组件，只需将isVisible重新设为true即可

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