Flutter中TextField获焦自动全选的iOS真机适配问题

问题原因 #

iOS平台上，首次点击TextField时，通过FocusNode的监听回调设置文本选中的时机过早——此时TextField内部的文本渲染流程尚未完成，导致选中操作无法生效。切换到其他输入框后，焦点管理的状态流程趋于稳定，因此选中功能恢复正常。

解决方案 #

方案1：延迟执行选中操作（修改FocusNode监听） #

在焦点变化时，通过WidgetsBinding.instance.addPostFrameCallback延迟执行选中逻辑，确保TextField已完成当前帧的渲染，此时设置选中状态能被正确应用：

void _handleFocusChange() {
  if (_focusNode.hasFocus) {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      // 二次确认焦点仍在当前输入框，避免焦点切换时误触发
      if (_focusNode.hasFocus) {
        widget.controller.selection = TextSelection(
          baseOffset: 0,
          extentOffset: widget.controller.text.length,
        );
      }
    });
  }
}

方案2：改用TextField的onTap回调触发选中 #

直接利用TextField的onTap回调处理选中逻辑，该回调的触发时机更贴近用户点击后文本渲染完成的节点，配合延迟执行能确保效果：

修改build方法中的TextField配置，添加onTap属性：

TextField(
  // 原有属性保持不变...
  onTap: () {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      widget.controller.selection = TextSelection(
        baseOffset: 0,
        extentOffset: widget.controller.text.length,
      );
    });
  },
  // 原有属性保持不变...
)

额外注意事项 #

• 保留enableInteractiveSelection: false不会影响代码触发的文本选中，该属性仅禁止用户手动选择文本。
• 如果输入框初始文本为空，选中效果不可见，确保你的业务场景中输入框首次点击时已有内容（如默认数字0）。

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