Flutter TextField内置撤销/重做功能屏蔽及自定义实现咨询

要绕过TextField的内置撤销/重做处理，核心是阻止键盘事件传递到TextField的内置处理逻辑，同时自己接管文本状态的历史管理。以下是几种可行方案：

1. 利用RawKeyboardListener拦截事件并阻止传递 #

你之前用RawKeyboardListener没生效，大概率是没在回调中阻止事件冒泡。在捕获到撤销/重做快捷键时，返回KeyEventResult.handled就能切断TextField的内置处理：

RawKeyboardListener(
  focusNode: FocusNode(),
  onKey: (RawKeyEvent event) {
    // 判断撤销/重做快捷键（兼容Windows/Mac）
    final isUndo = event.isControlPressed && event.logicalKey == LogicalKeyboardKey.keyZ ||
                   event.isMetaPressed && event.logicalKey == LogicalKeyboardKey.keyZ;
    final isRedo = (event.isControlPressed && event.logicalKey == LogicalKeyboardKey.keyY) ||
                   (event.isControlPressed && event.isShiftPressed && event.logicalKey == LogicalKeyboardKey.keyZ) ||
                   (event.isMetaPressed && event.isShiftPressed && event.logicalKey == LogicalKeyboardKey.keyZ);

    if (isUndo || isRedo) {
      if (isUndo) {
        // 执行自定义撤销逻辑
        _performUndo();
      } else {
        // 执行自定义重做逻辑
        _performRedo();
      }
      // 返回handled阻止TextField处理该事件
      return KeyEventResult.handled;
    }
    return KeyEventResult.ignored;
  },
  child: TextField(
    controller: _textController,
    // 其他配置
  ),
)

2. 使用底层EditableText完全接管编辑控制 #

如果需要更彻底的自定义，直接用EditableText替代TextField——它是TextField的底层实现，没有内置的撤销/重做逻辑，所有编辑行为都由你控制：

class CustomUndoRedoText extends StatefulWidget {
  @override
  State<CustomUndoRedoText> createState() => _CustomUndoRedoTextState();
}

class _CustomUndoRedoTextState extends State<CustomUndoRedoText> {
  final TextEditingController _controller = TextEditingController();
  final FocusNode _focusNode = FocusNode();
  final List<String> _historyStack = [];
  int _currentIndex = -1;

  @override
  void initState() {
    super.initState();
    // 初始化历史栈
    _historyStack.add(_controller.text);
    _currentIndex = 0;
    // 监听文本变化，保存历史
    _controller.addListener(() {
      if (_currentIndex < _historyStack.length - 1) {
        // 撤销后输入，截断后续历史
        _historyStack.removeRange(_currentIndex + 1, _historyStack.length);
      }
      _historyStack.add(_controller.text);
      _currentIndex++;
    });
  }

  void _performUndo() {
    if (_currentIndex > 0) {
      _currentIndex--;
      _controller.text = _historyStack[_currentIndex];
    }
  }

  void _performRedo() {
    if (_currentIndex < _historyStack.length - 1) {
      _currentIndex++;
      _controller.text = _historyStack[_currentIndex];
    }
  }

  @override
  Widget build(BuildContext context) {
    return RawKeyboardListener(
      focusNode: _focusNode,
      onKey: (RawKeyEvent event) {
        // 同样的快捷键判断逻辑
        final isUndo = event.isControlPressed && event.logicalKey == LogicalKeyboardKey.keyZ ||
                       event.isMetaPressed && event.logicalKey == LogicalKeyboardKey.keyZ;
        final isRedo = (event.isControlPressed && event.logicalKey == LogicalKeyboardKey.keyY) ||
                       (event.isControlPressed && event.isShiftPressed && event.logicalKey == LogicalKeyboardKey.keyZ) ||
                       (event.isMetaPressed && event.isShiftPressed && event.logicalKey == LogicalKeyboardKey.keyZ);

        if (isUndo || isRedo) {
          if (isUndo) _performUndo();
          else _performRedo();
          return KeyEventResult.handled;
        }
        return KeyEventResult.ignored;
      },
      child: EditableText(
        controller: _controller,
        focusNode: _focusNode,
        style: TextStyle(fontSize: 16),
        cursorColor: Colors.black,
        backgroundCursorColor: Colors.grey,
      ),
    );
  }
}

3. 自定义TextEditingController维护历史栈 #

如果不想替换TextField，可以封装一个带历史管理的自定义TextEditingController，统一处理撤销/重做：

class UndoRedoTextController extends TextEditingController {
  final List<String> _history = [];
  int _currentIndex = -1;

  @override
  set text(String newText) {
    if (_currentIndex < _history.length - 1) {
      _history.removeRange(_currentIndex + 1, _history.length);
    }
    _history.add(newText);
    _currentIndex++;
    super.text = newText;
  }

  void undo() {
    if (_currentIndex > 0) {
      _currentIndex--;
      super.text = _history[_currentIndex];
    }
  }

  void redo() {
    if (_currentIndex < _history.length - 1) {
      _currentIndex++;
      super.text = _history[_currentIndex];
    }
  }
}

使用时直接替换原有的TextEditingController，然后在RawKeyboardListener的回调中调用它的undo/redo方法即可。

注意事项 #

• 要处理跨平台的快捷键差异：Windows/Linux用Ctrl+Z/Ctrl+Y，Mac用Cmd+Z/Cmd+Shift+Z
• 如果涉及文本选择的历史，需要同时保存选区信息，不仅仅是文本内容
• 频繁输入时可以做防抖处理，避免历史栈条目过多占用内存

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