Flutter去除输入框首尾空格及实现首字母大写问题求助

一、去除输入框首尾空格（保留中间空格） #

你之前用的FilteringTextInputFormatter正则会移除所有单词边界的空格，导致中间空格也被删除。更合理的做法是在获取输入值时用trim()方法，既能保留中间空格，又能清除首尾空格：

// 提交表单时处理输入值
String username = _usernameController.text.trim();
// 再将处理后的username存入Firebase

如果需要在输入过程中自动处理首尾空格，可以自定义一个TextInputFormatter：

class TrimFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    return TextEditingValue(
      text: newValue.text.trim(),
      selection: TextSelection.collapsed(offset: newValue.text.trim().length),
    );
  }
}

// 在TextFormField中使用
TextFormField(
  inputFormatters: [TrimFormatter()],
  controller: _usernameController,
)

二、实现每个单词首字母大写 #

编写一个工具函数，拆分字符串为单个单词后，分别将每个单词首字母大写：

String capitalizeEachWord(String text) {
  if (text.isEmpty) return text;
  return text.split(' ').map((word) {
    if (word.isEmpty) return word;
    return word[0].toUpperCase() + word.substring(1).toLowerCase();
  }).join(' ');
}

组合功能使用 #

把两个功能结合，最终处理用户名的代码如下：

String rawUsername = _usernameController.text;
String processedUsername = capitalizeEachWord(rawUsername.trim());
// 将processedUsername存入Firebase

这样就能把" mary jane "或"Mary Jane "统一转换为"Mary Jane"，完全符合需求。

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