dart - Flutter - 如何清除焦点上的文本字段

Question

如何从焦点上的 TextFormField 中删除所有文本？这在 JavaScript 中非常简单:onfocus="this.value=''";。我不想使用这样的按钮:

FlatButton(onPressed: () => _textFieldcontroller.clear(), ...)

Answer 1

您可以使用 FocusNode结合 StatefulWidget。

我们在我们的类中保留了一个FocusNode的对象:

FocusNode _focusNode;

在我们的 TextFormField 的构造函数中，我们必须将 _focusNode 作为参数传递:

TextFormField(focusNode: _focusNode, ...

现在我们可以向我们的 FocusNode 添加一个监听器，当我们的 TextFormField 的焦点更新时，它将始终被调用。在其中，我们可以检查我们的 FocusNode 是否有焦点，并据此采取行动。

_focusNode.addListener(() {
  if (_focusNode.hasFocus) _textFieldController.clear();
});

在小部件中:

class ExampleWidget extends StatefulWidget {
  @override
  _ExampleWidgetState createState() => _ExampleWidgetState();
}

class _ExampleWidgetState extends State<ExampleWidget> {
  FocusNode _focusNode;
  TextEditingController _textFieldController;

  @override
  void initState() {
    _focusNode = FocusNode();
    _focusNode.addListener(() {
      if (_focusNode.hasFocus) _textFieldController.clear();
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) => TextFormField(focusNode: _focusNode, controller: _textFieldController, ...);
}