flutter - 如何在颤动中大写TextFormField的第一个字母

Question

我正在尝试将 Textformfield 的第一个字母大写，为此我正在使用

textCapitalization: TextCapitalization.words,

但它不适用于Textformfield，并且适用于textfield

请帮助如何做到这一点。

Answer 1

TextFormField(
       textCapitalization: TextCapitalization.words,
       ),

这将我们在 TextFormField 中键入的每个单词的首字母大写。

设置 textCapitalization 后，尝试在您的模拟器或设备实例上重建并再次检查。让我知道它的工作原理，

Answer 2

您可以尝试使用大写格式化程序，只需在输入格式化程序部分TextFormField使用类UpperCaseTextFormatter

TextFormField(
            controller: _textEditingController,
            inputFormatters: <TextInputFormatter>[
              UpperCaseTextFormatter()
            ],
          )

上部文本格式化程序

class UpperCaseTextFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    return TextEditingValue(
      text: capitalize(newValue.text),
      selection: newValue.selection,
    );
  }
}
String capitalize(String value) {
  if(value.trim().isEmpty) return "";
  return "${value[0].toUpperCase()}${value.substring(1).toLowerCase()}";
}

输出：

Answer 3

试试下面的代码希望它对你有帮助。参考TextCapitalization 这里

• 首字母大写TextCapitalization.words
• 每个字母大写TextCapitalization.characters
• 文本字段的首字母大写TextCapitalization.sentences
• 文本字段的默认小写字母TextCapitalization.none

您的小部件：

   TextField(
      textCapitalization: TextCapitalization.words,
      decoration: InputDecoration(
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(10),
        ),
        prefixIcon: Icon(
          Icons.search,
        ),
        hintText: 'Search',
      ),
    ),

您的结果屏幕 ->