Flutter TextFormField需求：未输入提交hintText，无hintText触发校验

要实现你需要的逻辑，需要调整校验器规则和提交时的参数取值逻辑，具体修改如下：

1. 调整校验器（Validator）逻辑 #

原来的校验器会在用户未输入时直接触发提示，现在需要改成：只有当hintText为空且用户未输入内容时，才显示校验错误。我们需要把hintText作为参数传入校验函数：

修改后的TextFormField代码 #

Textfields( 
 hintText: data.data.firstName == null ? 'First Name' : data.data.firstName,
 // 将hintText传入校验器
 validator: (value) => validateNames(
   value, 
   hintText: data.data.firstName == null ? 'First Name' : data.data.firstName
 ),
 onChanged: (String value) {
   firstName = value; 
 },
 onSaved: (input) => firstName = input,
 autofocus: true,
 prefixIcon: const Icon(Icons.person),
),

对应的校验函数修改 #

String? validateNames(String? value, {required String hintText}) {
  // 仅当hintText为空，且用户未输入任何内容时，返回校验错误
  if (hintText.isEmpty && (value == null || value.trim().isEmpty)) {
    return '请输入姓名'; // 替换为你需要的校验提示文本
  }
  // 其余情况（hintText有内容，无论用户是否输入）均通过校验
  return null;
}

2. 修改提交按钮的参数处理逻辑 #

提交时，判断用户是否真的未输入内容（去除空格后为空），如果是则使用hintText的值发送给服务器：

修改后的提交按钮onPressed代码 #

onPressed: () async {
  final isValid = _formKey.currentState?.validate();
  if (!isValid!) {
    return;
  } 

  // 确定要提交的firstName：用户输入了就用输入值，没输入就用hintText
  final submitFirstName = (firstName?.trim().isEmpty ?? true)
      ? (data.data.firstName == null ? 'First Name' : data.data.firstName)
      : firstName;

  await context
      .read<BasicInfoCubit>()
      .basicInfo(
        firstName: submitFirstName.toString(),
      );
  
  // 这里的Future.delayed如果没有实际作用可以移除
},

逻辑说明 #

• 校验阶段：只有当hintText为空且用户未输入时，才触发校验提示；如果hintText有内容，不管用户输没输，校验都会通过。
• 提交阶段：用户未输入内容时，直接使用hintText的值作为提交参数发送给服务器；用户有输入时则用输入值。

内容的提问来源于stack exchange，提问作者Mr.Robot