Compose中suspend函数内变量赋值后外部仍为null问题排查

核心问题 #

你定义的shrinkFabJob没有用remember包裹，Jetpack Compose每次重组时都会把这个变量重置为null。这就导致：

• 前两次点击时，虽然函数内部给shrinkFabJob赋值了，但重组后变量又变回null，无法跟踪已启动的协程任务
• 后台多个未被取消的协程会同时修改isFabExtended状态，最终造成随机收缩、视觉错乱的问题

修复代码 #

var isFabExtended by rememberSaveable { mutableStateOf(true) }
// 用remember保存Job，避免重组时重置
val shrinkFabJob by remember { mutableStateOf<Job?>(null) }
// 获取与Compose生命周期绑定的协程作用域
val coroutineScope = rememberCoroutineScope()

val shrinkFab: () -> Unit = {
    // 先取消之前的延迟任务
    shrinkFabJob?.cancel()
    // 立即展开按钮
    isFabExtended = true

    if (connectionStatus == BluetoothConnectionStatus.CONNECTED) {
        // 启动新的延迟收缩任务
        val newJob = coroutineScope.launch {
            try {
                delay(1500)
                isFabExtended = false
                println("done")
            } catch (e: Exception) {
                println("cancelled $e")
            }
        }
        // 更新Job引用，确保下次点击能取消当前任务
        shrinkFabJob.value = newJob
    }
}

关键修改点 #

• 用remember { mutableStateOf<Job?>(null) }保存shrinkFabJob，确保重组时不会丢失对协程任务的引用
• 使用rememberCoroutineScope()获取合法的协程作用域，避免生命周期不匹配导致的问题
• 把shrinkFab改为普通函数，不再依赖外部传入的CoroutineScope，逻辑更简洁
• 取消任务时直接用cancel()而非cancelAndJoin()，因为不需要等待取消完成再执行按钮展开的同步操作

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