Compose中触摸位置状态莫名重置的原因排查求助

核心问题 #

你遇到的问题根源有两个：

• 变量捕获导致的旧值引用：pointerInput(Unit)的lambda在Composable首次组合时被创建，且因为key为Unit，后续重组不会重新生成这个lambda。lambda内部捕获的state是首次组合时的RandomState实例，即便ViewModel后续更新了state变量，这个lambda里的state引用始终是旧对象，所以打印出来的永远是空的touchedPositions。
• 状态更新的异步特性：Compose的mutableStateOf更新会触发异步重组，即便你在updateTouchedPositions后立刻读取状态，当前协程上下文也无法同步拿到最新的重组后状态。

修复方案 #

1. 直接通过ViewModel访问最新状态

在pointerInput的协程里，不要用捕获的state，而是直接读取viewModel.state来获取最新值：

if (event.type == PointerEventType.Press) {
    event.changes.forEach { pointer ->
        val id = pointer.id.value
        val x = pointer.position.x
        val y = pointer.position.y
        positions[id] = Pair(x, y)
    }
    println("Se van a guardar las posiciones: $positions")
    viewModel.updateTouchedPositions(positions)
    // 直接读取viewModel的state获取最新值
    println("Posiciones de dedos en onPress: ${viewModel.state.touchedPositions}")
}

if (event.type == PointerEventType.Release) {
    // 同样直接通过viewModel访问
    println("Posiciones de dedos en onRelease: ${viewModel.state.touchedPositions}")
}

2. 确保UI响应状态变化（如果需要）

如果你的需求是根据touchedPositions更新UI，要在Composable的重组范围内读取viewModel.state，比如：

@Composable
fun TouchScreen(viewModel: RandomViewModel) {
    val state = viewModel.state
    // 在重组范围内使用state，会自动响应更新
    Text(text = "当前触摸位置：${state.touchedPositions}")

    Box(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                // ... 你的指针处理逻辑
            }
    )
}

3. 可选：使用不可变Map避免意外修改

虽然不是当前问题的核心，但为了状态的不可变性（符合Compose状态最佳实践），建议在更新时将mutableMap转为不可变Map：

// 在调用viewModel方法时转换
viewModel.updateTouchedPositions(positions.toMap())

验证效果 #

修改后，在Press分支的打印语句会正确输出最新的触摸位置，Release分支也能拿到ViewModel中存储的最新状态。

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