Jetpack Compose中如何使TextField的文本光标获得焦点？

要让Jetpack Compose里的TextField光标获取焦点，核心是用FocusRequester主动请求焦点，下面是具体实现步骤和代码示例：

• 创建FocusRequester实例：用remember保存实例，避免重组时重复创建

  val focusRequester = remember { FocusRequester() }
  

• 绑定到TextField：通过modifier把FocusRequester关联到目标TextField（普通TextField或可滚动的BasicTextField都适用）

  BasicTextField(
      value = text,
      onValueChange = { text = it },
      modifier = Modifier
          .focusRequester(focusRequester)
          .verticalScroll(rememberScrollState()) // 滚动配置
          .height(200.dp) // 自定义高度
          .fillMaxWidth(),
      textStyle = TextStyle(fontSize = 16.sp)
  )
  

• 主动请求焦点：在合适时机调用requestFocus()方法，比如组件初始化后自动触发，或按钮点击事件中触发

  // 组件加载完成后自动让光标获取焦点
  LaunchedEffect(Unit) {
      focusRequester.requestFocus()
  }
  
  // 或通过按钮点击触发焦点请求
  Button(onClick = { focusRequester.requestFocus() }) {
      Text("让光标获得焦点")
  }
  

如果需要让光标定位到文本特定位置（比如末尾），可以结合TextFieldValue控制：

var text by remember {
    mutableStateOf(
        TextFieldValue(
            text = "默认文本",
            selection = TextRange("默认文本".length) // 光标定位到文本末尾
        )
    )
}

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