Flutter：如何获取用户输入的最后一个字符并更新状态

核心方案是通过TextEditingController监听输入框的文本变化，对比文本修改前后的内容，精准定位用户刚刚输入的字符（无论输入位置在末尾还是文本中间），再将该字符同步到应用状态中。

具体实现步骤 #

• 定义状态变量：存储最后输入的字符、输入框控制器，以及上一次的文本内容（用于对比差异）
• 监听控制器文本变化：组件初始化时给控制器添加监听回调，每次文本变更时执行差异对比逻辑
• 实现差异对比逻辑：通过对比修改前后的文本长度和内容，找出用户新增的字符

完整代码示例 #

import 'package:flutter/material.dart';

class LastInputCharDemo extends StatefulWidget {
  const LastInputCharDemo({super.key});

  @override
  State<LastInputCharDemo> createState() => _LastInputCharDemoState();
}

class _LastInputCharDemoState extends State<LastInputCharDemo> {
  final TextEditingController _inputController = TextEditingController();
  String? _lastInputChar;
  String? _previousText;

  @override
  void initState() {
    super.initState();
    _previousText = _inputController.text;
    _inputController.addListener(_onTextChanged);
  }

  void _onTextChanged() {
    final currentText = _inputController.text;
    // 仅处理文本长度增加的情况（排除删除操作）
    if (currentText.length > (_previousText?.length ?? 0)) {
      String newChar;
      if (_previousText == null || _previousText!.isEmpty) {
        // 首次输入，直接取第一个字符
        newChar = currentText[0];
      } else {
        // 遍历对比，找到新增的字符
        for (int i = 0; i < currentText.length; i++) {
          if (i >= _previousText!.length || currentText[i] != _previousText![i]) {
            newChar = currentText[i];
            setState(() {
              _lastInputChar = newChar;
            });
            break;
          }
        }
      }
    }
    // 更新上一次文本为当前文本，用于下一次对比
    _previousText = currentText;
  }

  @override
  void dispose() {
    _inputController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('最后输入字符演示')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            TextField(
              controller: _inputController,
              decoration: const InputDecoration(hintText: '请输入内容'),
            ),
            const SizedBox(height: 20),
            Text('最后输入的字符: ${_lastInputChar ?? '无'}'),
          ],
        ),
      ),
    );
  }
}

关键逻辑说明 #

1. 文本对比逻辑：当文本长度增加时，遍历当前文本和上一次文本的每个字符，找到第一个不匹配的位置，该位置的字符就是用户刚刚输入的内容（不管是在末尾追加还是中间插入）。
2. 状态更新：找到新增字符后，通过setState更新应用状态，同步到UI展示。
3. 资源清理：组件销毁时调用dispose方法销毁控制器，避免内存泄漏。

内容的提问来源于stack exchange，提问作者Seung Joo Noh