如何为从Firebase加载数据的动态TextFormField提供控制器？

核心思路 #

因为你是根据数据列表动态生成TextFormField，需要为每个字段创建对应的TextEditingController，并通过索引绑定到对应字段；同时要注意在组件销毁时释放控制器，避免内存泄漏。

具体实现（基于StatefulWidget） #

1. 在你的State类中声明控制器列表：

List<TextEditingController> _textControllers = [];

2. 修改你的loadDataToTextFormField函数，初始化控制器并绑定到每个TextFormField：

Widget loadDataToTextFormField(
  QuerySnapshot mySnapshot,
  int index,
  String databaseField,
  String? bulletsAndNumberingType,
  TextStyle textStyle,
) {
  List getDataList = List.from(mySnapshot.docs[index][databaseField]);
  
  // 清空旧控制器，避免重复创建导致内存泄漏
  _textControllers.clear();
  // 为每个数据项创建控制器并设置初始文本
  for (var item in getDataList) {
    _textControllers.add(TextEditingController(
      text: "$bulletsAndNumberingType  $item",
    ));
  }

  return Column(
    children: [
      // 通过索引遍历，绑定对应的控制器
      for (int i = 0; i < getDataList.length; i++)
        Align(
          alignment: Alignment.centerLeft,
          child: TextFormField(
            controller: _textControllers[i],
            style: textStyle,
          ),
        ),
    ],
  );
}

3. 在State的dispose方法中释放所有控制器：

@override
void dispose() {
  // 遍历释放每个控制器
  for (var controller in _textControllers) {
    controller.dispose();
  }
  super.dispose();
}

注意事项 #

• 不要同时设置controller和initialValue：Flutter中如果指定了controller，initialValue会被直接忽略，所以初始值需要设置到控制器的text属性中。
• 控制器的生命周期要和组件绑定：必须在组件销毁时调用dispose()，否则会造成内存泄漏。
• 如果你的函数是独立于StatefulWidget的工具函数，可以让调用者传入控制器列表，由调用者负责初始化和释放逻辑。

内容的提问来源于stack exchange，提问作者VIP-Dev-Invisible