State Hoisting场景下detectTapGestures的onTap状态读取异常问题

问题原因 #

采用状态提升模式时，若将mutableStateOf状态托管在ExampleActivity，仅传递状态值给ExampleScreen，detectTapGestures的onTap lambda会在初始组合阶段捕获状态的初始值快照。由于PointerInput修饰符内部通过remember保持lambda的稳定性，后续状态更新引发重组时，lambda不会自动更新捕获的状态引用——即便状态值已递增，lambda内仍会保留初始的0值。而Modifier.clickable内部已处理状态订阅逻辑，可自动获取最新状态，因此无此问题。

若将状态直接放在ExampleScreen内部，remember创建的mutableStateOf属于当前Composable的局部状态，detectTapGestures的lambda可直接订阅状态变化，因此两种交互方式都能正常工作。

解决办法 #

使用rememberUpdatedState包裹传递进来的状态值，它会在每次重组时更新内部引用，确保detectTapGestures的lambda能获取到最新状态。

代码示例 #

托管状态的Activity代码

class ExampleActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            val multiCount = remember { mutableStateOf(0) }
            ExampleScreen(
                count = multiCount.value,
                onIncrement = { multiCount.value += 1 }
            )
        }
    }
}

修复后的Screen代码

@Composable
fun ExampleScreen(count: Int, onIncrement: () -> Unit) {
    // 用rememberUpdatedState记住最新的count值
    val latestCount = rememberUpdatedState(count)
    
    Box(
        modifier = Modifier
            .fillMaxSize()
            .pointerInput(Unit) {
                detectTapGestures(
                    onTap = {
                        onIncrement()
                        // 读取latestCount.value即可获取更新后的状态
                        Log.d("Example", "当前multiCount: ${latestCount.value}")
                    },
                    onLongPress = {
                        // 业务所需的长按逻辑
                    }
                )
            }
    ) {
        Text(text = "Count: $count")
    }
}

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