如何让含初始换行的TextField自动聚焦到第一行？

1. 让TextField初始聚焦到第一行 #

你需要结合FocusNode和TextEditingController的selection属性精准控制光标位置，具体修改如下：

• 初始化FocusNode并在组件销毁时释放资源
• 设置初始空行后，将光标强制定位到内容起始位置
• 延迟请求焦点，确保组件渲染完成后生效

修改后的完整代码：

class NewNoteBodyState extends State<NewNoteBody> {
  late FocusNode myFocusNode;

  @override
  void initState() {
    super.initState();
    myFocusNode = FocusNode();
    // 设置初始空行
    widget.controller.text = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
    // 把光标定位到第一行开头
    widget.controller.selection = const TextSelection.collapsed(offset: 0);
    // 等组件渲染完成后再请求焦点，避免光标位置失效
    WidgetsBinding.instance.addPostFrameCallback((_) {
      FocusScope.of(context).requestFocus(myFocusNode);
    });
  }

  @override
  void dispose() {
    myFocusNode.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 10),
      child: TextField(
        expands: true,
        focusNode: myFocusNode,
        controller: widget.controller,
        maxLines: null,
        decoration: const InputDecoration(
          border: InputBorder.none,
        ),
      ),
    );
  }
}

2. 实现点击任意行直接输入 #

TextField本身支持点击文本区域内任意位置定位光标，你当前的代码已经满足这个需求——用户点击某一行时，光标会自动跳转到对应位置，直接输入即可。如果出现点击无响应的情况，检查是否有其他组件遮挡了TextField的点击区域。

关键细节说明 #

• TextSelection.collapsed(offset: 0)：强制光标定位在文本的第一个字符位置（即第一行开头）
• addPostFrameCallback：确保组件渲染完成后再执行焦点请求，避免因组件未初始化导致光标位置设置失效
• 移除autofocus: true：手动通过FocusScope请求焦点能更精准控制光标位置，避免系统自动聚焦到文本末尾

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