Flutter：DropdownButton选择后TextField获焦文本全选问题求助

问题原因 #

DropdownButton的onChanged回调执行时，Dropdown弹窗刚关闭，焦点系统的状态仍在更新中。此时直接设置textController.selection，会被TextField获取焦点时的默认全选逻辑覆盖，导致文本被全部选中而非光标停在末尾。

解决方案 #

方案一：使用PostFrameCallback延迟设置光标位置 #

通过SchedulerBinding的addPostFrameCallback，确保在当前UI帧绘制完成后再设置光标位置，避免被默认逻辑覆盖。

1. 导入依赖：

import 'package:flutter/scheduler.dart';

2. 修改DropdownButton的onChanged回调：

DropdownButton(
  focusNode: dropDownFocus,
  onChanged: (String? newList) {
    dropDownFocus.unfocus();
    textFocus.requestFocus();
    // 在UI帧更新完成后设置光标到文本末尾
    SchedulerBinding.instance.addPostFrameCallback((_) {
      textController.selection = TextSelection.collapsed(
        offset: textController.text.length,
      );
    });
  },
)

方案二：监听TextField的焦点变化 #

通过监听FocusNode的焦点状态，只要TextField获得焦点，就自动将光标定位到文本末尾。这种方式更通用，能覆盖所有触发焦点获取的场景。

1. 在State类的initState中添加监听：

@override
void initState() {
  super.initState();
  // 监听TextField焦点变化
  textFocus.addListener(() {
    if (textFocus.hasFocus) {
      textController.selection = TextSelection.collapsed(
        offset: textController.text.length,
      );
    }
  });
}

2. 在dispose中释放资源：

@override
void dispose() {
  textFocus.dispose();
  dropDownFocus.dispose();
  textController.dispose();
  super.dispose();
}

3. 简化DropdownButton的onChanged回调：

DropdownButton(
  focusNode: dropDownFocus,
  onChanged: (String? newList) {
    dropDownFocus.unfocus();
    textFocus.requestFocus();
  },
)

额外说明 #

之前尝试的TextFieldTapRegion无效，是因为问题核心不在点击区域的焦点管理，而是焦点获取后的默认选择行为被触发的时机问题。上述两种方案都能有效规避这个时机冲突，确保光标正确停在文本末尾。

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