Flutter如何获取ListView中多个TextFormField的输入值

直接打印List<TextEditingController>类型列表时，输出的是每个TextEditingController实例的默认toString()结果，不会自动返回内部存储的输入文本，必须主动访问每个controller的text属性，才能拿到输入框内的实际内容。

获取单个输入框文本 #

如果要取指定下标的输入框内容，直接访问对应index位置controller的text属性即可：

// 获取第index个notes输入框的内容
String singleNote = notes![index].text;
// 获取第index个remark输入框的内容
String singleRemark = remark![index].text;

批量获取所有输入框文本 #

遍历controller列表，提取每个实例的text属性，组装成纯字符串列表即可：

// 提取所有notes输入框的文本，可按需加trim()去除首尾空白
List<String> allNoteContent = notes!.map((controller) => controller.text.trim()).toList();
// 提取所有remark输入框的文本
List<String> allRemarkContent = remark!.map((controller) => controller.text.trim()).toList();

// 直接打印字符串列表就能看到纯文本输入内容
print(allNoteContent);

• 变量名不一致问题：你在onChanged回调中使用的notes1Mask和预先定义的notesMask变量名不匹配，运行时会抛出未定义错误，需要修正为正确的变量名。
• 按钮可用状态判断逻辑错误：当前逻辑仅判断当前正在编辑的输入框与初始值是否一致，没有校验其他输入框的改动状态，会出现其他输入框已修改、但当前编辑框内容和初始值一致时按钮错误置灰的问题。可以抽离统一的校验方法，每次输入变化时全量对比所有输入框和初始mask值：

void refreshButtonState() {
  bool hasModified = false;
  // 先校验notes组输入
  for (int i = 0; i < notes!.length; i++) {
    if (notes![i].text != notesMask![i].text) {
      hasModified = true;
      break;
    }
  }
  // notes组无改动则继续校验remark组输入
  if (!hasModified) {
    for (int i = 0; i < remark!.length; i++) {
      if (remark![i].text != remarkMask![i].text) {
        hasModified = true;
        break;
      }
    }
  }
  isButtonEnable = hasModified;
  setState(() {});
}

把两个TextFormField的onChanged回调直接调用refreshButtonState()即可，不需要单独写判断逻辑。

• 内存泄漏风险：页面销毁时必须逐个释放所有controller资源，否则会造成内存泄漏，在页面的dispose生命周期中添加如下逻辑：

@override
void dispose() {
  notes?.forEach((controller) => controller.dispose());
  notesMask?.forEach((controller) => controller.dispose());
  remark?.forEach((controller) => controller.dispose());
  remarkMask?.forEach((controller) => controller.dispose());
  super.dispose();
}

内容的提问来源于stack exchange，提问作者HiDayurie Dave