Flutter中如何将TextFormField的光标移动至右端？

我来帮你搞定这个光标位置的问题～你之前在initState里设置光标位置没生效，核心原因是：这个初始化代码只在页面加载时执行一次，而当你点击输入框获取焦点时，Flutter框架会默认重置光标位置，直接把你的设置覆盖了。

下面给你两种实用的解决方案，按需选择：

方法一：利用onTap回调实时设置光标 #

在TextFormField的onTap事件里，等框架完成点击的默认操作后，再把光标移到文本末尾。这里要用到addPostFrameCallback来延迟执行，确保不会被框架的默认行为覆盖：

TextFormField(
  controller: sellingPriceController,
  textAlign: TextAlign.right, // 保持文本靠右显示
  onTap: () {
    // 等待当前帧绘制完成，再设置光标位置
    WidgetsBinding.instance.addPostFrameCallback((_) {
      sellingPriceController.selection = TextSelection.fromPosition(
        TextPosition(offset: sellingPriceController.text.length),
      );
    });
  },
  // 其他配置属性...
)

方法二：通过FocusNode监听焦点变化 #

如果你的输入框可能通过其他方式获取焦点（比如键盘切换、代码触发），用FocusNode监听焦点状态会更全面：

1. 先定义并初始化FocusNode：

late FocusNode _priceFocusNode;

@override
void initState() {
  super.initState();
  sellingPriceController.numberValue = 0;
  _priceFocusNode = FocusNode();
  // 监听焦点变化
  _priceFocusNode.addListener(() {
    if (_priceFocusNode.hasFocus) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        sellingPriceController.selection = TextSelection.fromPosition(
          TextPosition(offset: sellingPriceController.text.length),
        );
      });
    }
  });
}

@override
void dispose() {
  _priceFocusNode.dispose(); // 别忘了销毁FocusNode
  super.dispose();
}

2. 把FocusNode关联到TextFormField：

TextFormField(
  controller: sellingPriceController,
  focusNode: _priceFocusNode,
  textAlign: TextAlign.right,
  // 其他配置属性...
)

额外提醒：自定义Controller的注意事项 #

看你用了sellingPriceController.numberValue，推测这是个自定义的TextEditingController。如果是这样，要确保在更新numberValue的时候，不要无意中重置了光标位置。比如可以在自定义setter里主动维护光标：

class NumberTextEditingController extends TextEditingController {
  set numberValue(int value) {
    text = value.toString();
    // 更新文本后，把光标移到末尾
    selection = TextSelection.fromPosition(TextPosition(offset: text.length));
  }
}

这样不管是初始化还是后续更新数值，光标都会保持在文本右端啦～

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