dart - 在 Flutter 的循环中添加 TextEditingControllers 不起作用

Question

我尝试实现的是在输入超过 1 个字符后自动验证 TextInputField。

这是我的 initState(简化版):

@override
  void initState() {
    autoValidateList.addAll([
      _autoValidateEmail,
      _autoValidateCompanyName,
      _autoValidatePhoneNo,
      _autoValidateName,
      _autoValidateSurname
    ]);

    textEditingControllersList.addAll([
      _emailController,
      _companyNameController,
      _phoneNoController,
      _nameController,
      _surnameController
    ]);

    for (int i = 0; i < textEditingControllersList.length; i++) {
      TextEditingController controller = textEditingControllersList[i];
        controller.addListener(() => () {
              print(
                  'Listener entered. companyName? ${controller == _companyNameController}');
              if (controller.text.length > 0) {
                print('=> true');
                setState(() => autoValidateList[i] = true);
              } else {
                print('=> false');
                setState(() => autoValidateList[i] = false);
              }
            });
    }
    _emailController.text = widget.loginData.email;
    super.initState();
  }

如果我不在循环中添加监听器，例如:

_emailController.addListener(() => setState(() {
          if (_emailController.text.length > 0) {
            _autoValidateEmail = true;
          } else {
            _autoValidateEmail = false;
          }
        }));

它工作正常。

没有任何打印语句被执行。我在这里缺少什么？

Answer 1

这里有一个非常隐蔽的错误。请注意，在您的 addListener 中，您正在传递一个返回函数的函数。您要执行的是返回的函数，但实际上您执行的是传递的函数。

在更清晰的语法中，您正在这样做:

controller.addListener(() {
  return () {
    // Your code
  };
});

所以，发生的事情是:

controller.addListener(() {
  print('This is going to be executed');
  return () {
    print('This is NOT going to be executed. Your code used to be here.');
  };
});

代替:

controller.addListener(() => () {
  ...           
});

你应该这样做:

controller.addListener(() {
  ...           
});

此外，这不相关，但您应该在 initState 的开头调用 super，而不是在结尾。