Flutter自定义键盘场景下，如何获取TextField的光标位置？

要实现自定义键盘替代系统键盘，同时获取光标位置来修改TextField文本，按以下步骤操作：

1. 隐藏系统键盘并保留光标交互 #

给TextField配置以下属性，禁用系统键盘但允许用户自由移动光标、选中文本：

TextField(
  controller: _textEditingController,
  keyboardType: TextInputType.none, // 彻底禁用系统键盘
  enableInteractiveSelection: true, // 保留光标拖拽、文本选中功能
  decoration: InputDecoration(hintText: "请输入内容"),
)

2. 获取当前光标位置 #

通过TextEditingController的selection属性直接获取光标/选中文本的位置：

• 无选中文本时，selection.baseOffset与selection.extentOffset值相等，即为光标所在的索引位置
• 有选中文本时，baseOffset是选中区域的起始索引，extentOffset是结束索引

3. 按光标位置插入/替换文本 #

替换你原有的输入方法，根据光标位置精准修改文本：

// 初始化控制器（在State的initState中初始化，dispose中释放）
TextEditingController _textEditingController = TextEditingController();

void inputCharacterToTextField(int pressedKey) {
  String inputChar = pressedKey.toString();
  TextSelection currentSelection = _textEditingController.selection;
  
  // 拆分原有文本，插入新字符（若有选中内容，自动替换选中部分）
  String updatedText = _textEditingController.text.substring(0, currentSelection.baseOffset) +
      inputChar +
      _textEditingController.text.substring(currentSelection.extentOffset);
  
  // 更新文本内容
  _textEditingController.text = updatedText;
  
  // 将光标移动到新插入字符的后方
  _textEditingController.selection = TextSelection.fromPosition(
    TextPosition(offset: currentSelection.baseOffset + inputChar.length)
  );
}

注意事项 #

• 务必在State的dispose方法中释放控制器：_textEditingController.dispose();
• 若需实现删除功能，逻辑类似：根据光标位置删除对应索引的字符即可

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