Flutter自定义TextFormField组件验证器与提交函数问题修复求助

你的代码存在三个核心问题，以下是修复后的完整代码及问题说明：

修复后的代码 #

Widget defaultTextFormField({
  required TextEditingController controller,
  required TextInputType keyboardType,
  required void Function(String) submitFunction,
  required String? Function(String?) validator,
  required IconData prefix,
  ValueChanged<String>? onChange,
  String labelText = 'Enter Text ...',
}) => TextFormField(
      controller: controller,
      keyboardType: keyboardType,
      decoration: InputDecoration(
        labelText: labelText,
        prefixIcon: Icon(prefix), // 用Icon组件包装IconData
        border: const OutlineInputBorder(),
      ),
      onFieldSubmitted: submitFunction, // 去掉括号，传递函数引用
      onChanged: onChange,
      validator: validator, // 去掉括号，传递函数引用
    );

问题说明 #

• 函数传递错误：原代码中onFieldSubmitted: submitFunction()和validator: validator()加了括号，会立即执行函数并将返回值传给属性，但这两个属性需要的是函数对象（触发时才执行），而非函数执行结果。去掉括号即可解决。
• Validator类型不匹配：TextFormField的validator要求是String? Function(String?)类型（接收输入文本的可选值，返回错误信息或null），原参数required Function validator类型太宽泛，指定正确类型后才能确保验证逻辑正确运行。
• PrefixIcon类型错误：InputDecoration的prefixIcon需要Widget类型，原代码直接传IconData会报错，用Icon(prefix)包装后才符合要求。

使用示例（必填验证） #

调用该组件时，传入必填验证逻辑：

defaultTextFormField(
  controller: _textController,
  keyboardType: TextInputType.text,
  submitFunction: (value) {},
  validator: (value) {
    if (value == null || value.isEmpty) {
      return '此字段不能为空';
    }
    return null;
  },
  prefix: Icons.text_fields,
);

内容的提问来源于stack exchange，提问作者Abdo Morsy