Android Jetpack Compose Composable内启动协程实现LazyColumn新项2秒背景高亮

• 背景色计算逻辑完全失效：原代码中color的remember代码块仅在组件首次组合时执行一次，执行时读取初始值new.value = true，直接生成绿色的颜色状态并被remember永久缓存。后续无论new的状态如何变化，这个remember块都不会重新执行，背景色永远不会切换到白色，这是列表项常绿的核心原因。
• 协程作用域选择错误：使用GlobalScope启动协程，该作用域和应用进程同生命周期，不会跟随列表项滑出屏幕、组件被回收自动取消协程，既会造成内存泄漏，还可能在组件销毁后修改状态引发崩溃。
• 状态未和列表项身份绑定：原代码的remember没有绑定item的唯一标识作为key，搭配LazyColumn的复用机制时，新滑入的列表项会复用旧item的状态，出现颜色错乱的问题。
• 副作用位置不规范：原代码把协程启动逻辑写在Card的布局内容块中，不符合Compose“布局只负责渲染状态、副作用逻辑由专门API触发”的设计规范，容易在重组时重复启动多个无意义的协程。

核心调整思路：用Compose自带的生命周期感知协程API替代GlobalScope，简化状态计算逻辑，给remember绑定item唯一标识适配列表复用。
调整后的完整代码：

// 假设Item数据类已定义唯一id字段作为列表key
@Composable
fun SingleItem(item: Item) {
    // 绑定item.id作为remember的key，列表复用时状态会和具体item一一对应
    var isNewItem by remember(item.id) {
        mutableStateOf(true)
    }

    // 组合时直接根据状态计算背景色，不用嵌套多余的颜色状态
    val cardBackground = if (isNewItem) {
        Color(0xFFB9F6CA) // 新项展示的淡绿色
    } else {
        Color(0xFFFDFDFD) // 常规白色背景
    }

    // 用Compose内置的LaunchedEffect启动协程，自动绑定组件生命周期
    // 组件销毁时协程自动取消，item.id变化时协程自动重启
    LaunchedEffect(item.id) {
        delay(2000)
        isNewItem = false
    }

    Card(
        modifier = Modifier
            .padding(4.dp)
            .fillMaxWidth(),
        shape = RoundedCornerShape(8.dp),
        backgroundColor = cardBackground
    ) {
        Column(
            modifier = Modifier.fillMaxWidth(),
            horizontalAlignment = Alignment.Start,
            verticalArrangement = Arrangement.SpaceBetween
        ) {
            Text(text = item.name, style = MaterialTheme.typography.h5)
            Text(text = "${item.quantity}", style = MaterialTheme.typography.h6)
        }
    }
}

配套列表注意事项 #

• LazyColumn加载数据时必须传入稳定的item key，保证复用逻辑和状态绑定正确：

LazyColumn(...) {
    items(
        items = itemList,
        key = { item -> item.id } // 传入item唯一标识作为key
    ) { item ->
        SingleItem(item = item)
    }
}

• LaunchedEffect是Compose专门设计的协程副作用API，相比手动用rememberCoroutineScope()启动协程的写法，它会自动在组件进入组合时执行块内逻辑，退出组合时取消所有正在运行的子协程，完全和组件生命周期绑定，不需要手动处理协程的启停逻辑。
• 状态切换不需要写new.value = !new.value这类取反操作，只需要在新item首次组合时将isNewItem设置为true，2秒后切换为false即可，避免状态来回跳变引发渲染异常。

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