Compose中滚动Column时如何清除TextField的焦点？

你当前的实现需要维护每个TextField的焦点状态，确实有更简洁的优化方案，不需要手动跟踪每个输入框的聚焦状态：

优化方案：用LaunchedEffect监听滚动状态 #

直接借助ScrollState的isScrollInProgress状态，结合LaunchedEffect监听滚动事件，一旦滚动开始就调用焦点管理器清除焦点——因为clearFocus()是幂等操作，没有焦点时调用也不会产生问题，所以完全不需要额外判断是否有TextField处于聚焦状态。

代码示例：

@Composable
fun ScrollableTextFieldColumn() {
    val scrollState = rememberScrollState()
    val focusManager = LocalFocusManager.current

    // 监听滚动状态变化，滚动时清除焦点
    LaunchedEffect(scrollState.isScrollInProgress) {
        if (scrollState.isScrollInProgress) {
            focusManager.clearFocus()
        }
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .verticalScroll(scrollState)
    ) {
        repeat(10) { index ->
            TextField(
                value = "",
                onValueChange = {},
                label = { Text("输入框 $index") },
                modifier = Modifier.fillMaxWidth()
            )
            Spacer(modifier = Modifier.height(16.dp))
        }
    }
}

方案优势 #

• 省去了给每个TextField添加焦点回调、维护多个焦点状态变量的冗余代码
• 利用Compose的响应式状态机制，逻辑更集中，可读性更强
• 不需要额外判断输入框是否聚焦，简化了条件逻辑

Compose目前没有专门的原生API直接绑定滚动与焦点清除，但这种基于状态监听的实现是官方推荐的响应式处理方式，比你当前的方案更优雅高效。

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