Jetpack Compose：如何让列表首个新增项获取焦点？

1. 元素添加逻辑错误：你使用的myList.add("Apple")默认会把元素追加到列表尾部，而非头部，这和你“新增项显示在顶部”的预期完全不符。此时index==0的元素始终是列表中最早添加的那个，新元素只会出现在列表末尾，自然无法让你以为的“头部新元素”获取焦点。
2. 焦点请求时机不恰当：直接在Column中调用focus.requestFocus()，会在组件重组阶段立即执行，但此时新生成的Text组件可能还未完成布局初始化，焦点请求会因目标组件未就绪而失效。而设置最后一项时能生效，是因为最后一项是刚添加的元素，在布局顺序中靠后，重组时它的初始化状态更稳定，但这只是巧合而非正确逻辑。
3. FocusRequester绑定的动态性问题：每次重组时，index==0的元素可能是新生成的组件，虽然会重新绑定同一个FocusRequester，但没有合适的时机触发焦点请求，导致新元素无法获取焦点。

1. 修正元素插入逻辑，确保添加到列表头部 #

把myList.add("Apple")改为myList.add(0, "Apple")，Orange同理，这样新增元素才会插入到列表最前端，符合“显示在顶部”的需求。

2. 使用LaunchedEffect延迟触发焦点请求 #

不要直接在Column中执行焦点请求，而是用LaunchedEffect监听列表变化，在协程中延迟执行请求，确保组件布局完成后再操作。

完整修复代码 #

val myList = remember { mutableStateListOf<String>() }
val focus = remember { FocusRequester() }

Column {
    myList.forEachIndexed { index, word ->
        Text(
            text = word,
            modifier = if (index == 0) {
                Modifier
                    .focusRequester(focus)
                    .focusable()
                    // 可选：添加焦点状态高亮，方便直观验证
                    .background(if (LocalFocusManager.current.focusedChild?.focusRequester == focus) Color.LightGray else Color.Transparent)
            } else {
                Modifier
            }
        )
    }

    // 监听列表变化，在布局完成后请求焦点
    LaunchedEffect(myList) {
        if (myList.isNotEmpty()) {
            // 可选：复杂布局下可增加短暂延迟，确保元素完全渲染
            delay(50)
            focus.requestFocus()
        }
    }

    Button(
        onClick = {
            myList.add(0, "Apple")
        },
        modifier = Modifier.padding(top = 8.dp)
    ) {
        Text("Add Apple")
    }

    Button(
        onClick = {
            myList.add(0, "Orange")
        },
        modifier = Modifier.padding(top = 8.dp)
    ) {
        Text("Add Orange")
    }
}

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