Flutter TextField值始终为大写和去抖动

Question

我是Flutter的新人.我正在寻找TextField值总是大写,但我没有找到任何资源.

另一个问题是TextField onChanged事件去抖实现.当我在TextField上键入时,它会立即触发onChanged事件,这不适合我的目标.每次更改文本后,onChange事件将在500ms后触发.

 new TextField(
         controller: _controller,
         decoration: new InputDecoration(
              hintText: 'Search here',
         ),
         onChanged: (str) {
            //need to implement debounce
         }
)

请帮我解决我的问题.提前致谢.

Answer 1

You can use textCapitalization property of a TextField widget. Also do take a reference for detailed API info here Text Capitalization Official API

Illustration as follow

Example 1

 TextField(
        initialValue: flutter code camp
        textCapitalization: TextCapitalization.characters,
    )// OUTPUT : FLUTTER CODE CAMP

Example 2

 TextField(
        initialValue: flutter code camp
        textCapitalization: TextCapitalization.words,
    )// OUTPUT : Flutter Code Camp

Example 3

 TextField(
        initialValue: flutter code camp
        textCapitalization: TextCapitalization.sentences,
    )// OUTPUT : Flutter code camp

Example 4

 TextField(
        initialValue: flutter code camp
        textCapitalization: TextCapitalization.none,
    )// OUTPUT : flutter code camp

Answer 2

也许使用textCapitalization:TextField中的TextCapitalization.characters可以帮到你吗？虽然这样可以在输入内容时将字符大写.

TextField(
    textCapitalization: TextCapitalization.sentences,
)

Answer 3

你需要做的一切是:

字符串放完后 .toUpperCase()

例: "Some text".toUpperCase()

这适用于我的情况.我也是新人,所以我希望我能帮忙.

Answer 4

@G\xc3\xbcnter-Z\xc3\xb6chbauer 的解决方案有效，但是当你切换到 Android 上的数字键盘时，如果你输入一个，它会再次切换到字母键盘。

\n

这是因为您每次都设置一个新的 TextEditingValue。

\n

相反，如果您复制最新的并更改文本，它就会起作用：

\n

import 'package:flutter/services.dart';\n\nclass UpperCaseTextFormatter extends TextInputFormatter {\n  @override\n  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {\n    return newValue.copyWith(text: newValue.text.toUpperCase());\n  }\n}\n

\n

Answer 5

您可以实施自定义 TextInputFormatter

class UpperCaseTextFormatter extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    return TextEditingValue(
      text: newValue.text?.toUpperCase(),
      selection: newValue.selection,
    );
  }
}

你可以传递给 TextFormField.inputFormatters

有关完整的示例，另请参见https://github.com/flutter/flutter/blob/master/examples/flutter_gallery/lib/demo/material/text_form_field_demo.dart

Answer 6

TextField 有一个 textCapitalization 属性，可用于将单词、句子或字符大写

如果您想将文本输入的整个值大写使用

TextField(
  textCapitalization: TextCapitalization.characters,
 )

Answer 7

您可以TextCapitalization.characters用来使所有键入的字符都大写

TextField(
    textCapitalization: TextCapitalization.characters,
)

Answer 8

最简单的方法是添加 TextField 的 onChanged 事件并使用 TextField 的控制器转换为大写，就像上面一样：

TextField(
          controller: controllerReservation,
          onChanged: (value) {               
            controllerReservation.value = 
               TextEditingValue(
                                text: value.toUpperCase(), 
                                selection: controllerReservation.selection);
          },
        )