Flutter：TextField触发onChanged时光标跳至文本开头的问题解决

• 当你在TextField的onChanged中调用changeButtonColor()时，Provider的notifyListeners()会触发所有监听该Provider的组件重建，包括父组件。
• 父组件的build方法中每次执行都会给noteTextController.text赋值selNote.content，这相当于强制将输入框的文本重置为原始笔记内容——哪怕你正在输入新内容，这一步也会覆盖输入状态，同时让光标跳转到文本开头。
• 核心问题是：在build方法中直接修改TextEditingController的text属性，build会在状态变化时频繁执行，每次执行都会破坏输入框的当前状态。

1. 仅在selectedNote变化时更新输入框内容 #

不要在build里直接赋值，而是在selectedNote发生变化时才更新noteTextController，避免每次重建都重置输入状态：
如果是StatefulWidget的父组件，重写didChangeDependencies方法：

Note? selNote;

@override
void didChangeDependencies() {
  super.didChangeDependencies();
  final newSelectedNote = context.watch<Data>().selectedNote;
  // 只有当选中的笔记发生变化时，才更新输入框内容
  if (newSelectedNote != selNote) {
    selNote = newSelectedNote;
    noteTextController.text = selNote?.content ?? '';
  }
}

或者用Consumer精准监听selectedNote的变化：

Consumer<Data>(
  builder: (context, data, child) {
    final currentNote = data.selectedNote;
    // 仅在选中笔记变化时更新输入框
    if (currentNote != selNote) {
      selNote = currentNote;
      noteTextController.text = currentNote?.content ?? '';
    }
    return Column(
      children: [
        // 你的TextField和ElevatedButton组件
      ],
    );
  },
)

2. 优化按钮的状态监听，减少不必要重建 #

原代码中context.watch<Data>()会监听整个Data类的状态变化，改用context.select只监听buttonColor，避免无关状态变化触发按钮重建：

ElevatedButton(
  style: ElevatedButton.styleFrom(
    backgroundColor: context.select((Data data) => data.buttonColor),
  ),
  // 其他代码不变
)

3. 确保控制器生命周期正确 #

在StatefulWidget的dispose方法中释放控制器，避免内存泄漏：

@override
void dispose() {
  noteTextController.dispose();
  noteTitleController.dispose();
  super.dispose();
}

可以在Provider中添加一个状态标记“是否有输入修改”，而不是直接把按钮颜色固定为蓝色：

class Data extends ChangeNotifier {
  Color buttonColor = Colors.white;
  bool hasChanges = false;

  void updateButtonState(bool isChanged) {
    hasChanges = isChanged;
    buttonColor = hasChanges ? Colors.blue : Colors.white;
    notifyListeners();
  }
}

然后在TextField的onChanged中根据输入内容和原始笔记对比，判断是否需要改变按钮颜色：

onChanged: (value) {
  final isChanged = value != selNote?.content;
  context.read<Data>().updateButtonState(isChanged);
},

这样可以实现“输入内容和原始内容不同时按钮变蓝，恢复一致时变回白色”的更合理逻辑。

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