dart - 在 Flutter TextFormField 中管理事件

Question

在 Flutter 项目中，我需要监听 TextFormField 中的输入文本并执行某些操作，尤其是当用户在此字段中放置一些字符(例如空格)或请求焦点时。当这种事件发生时，我需要修改字段的值。 我知道有一个属性称为 Controller ，但我不知道在这种情况下如何使用它。

提前谢谢你。

Answer 1

您可以指定 Controller 和焦点节点，然后向它们添加监听器以监视更改。

例如:

定义 Controller 和焦点节点

TextEditingController _controller = new TextEditingController();

FocusNode _textFocus = new FocusNode();

定义监听函数

void onChange(){
  String text = _controller.text;
  bool hasFocus = _textFocus.hasFocus;
  //do your text transforming
  _controller.text = newText;
  _controller.selection = new TextSelection(
                                baseOffset: newText.length, 
                                extentOffset: newText.length
                          );
}

在 initState

处添加监听器到 Controller 和焦点节点

// you can have different listner functions if you wish
_controller.addListener(onChange); 
_textFocus.addListener(onChange);

那么你就可以把它当做

new TextFormField(
  controller: _controller,
  focusNode: _textFocus,
)

希望有帮助!