Flutter：如何点击清除按钮清空ListView中trailing内的TextField？

你当前的问题在于直接在TextField参数内创建TextEditingController，这样每次Widget重建都会生成新的控制器，无法拿到引用进行清空操作。正确的做法是为每个列表项单独维护控制器，并在点击清空按钮时调用控制器的方法。

步骤1：初始化控制器列表 #

在你的State类中定义一个TextEditingController列表，初始化时根据_docData的长度创建对应控制器，预设初始值：

List<TextEditingController> _textControllers = [];

@override
void initState() {
  super.initState();
  // 为每个文档数据初始化控制器
  _textControllers = _docData.map((item) {
    return TextEditingController(text: item.quantity.toString());
  }).toList();
}

@override
void dispose() {
  // 记得销毁控制器，避免内存泄漏
  for (var controller in _textControllers) {
    controller.dispose();
  }
  super.dispose();
}

步骤2：修改TextField的controller引用 #

把原来直接创建控制器的代码，替换成引用列表里的对应控制器：

trailing: FittedBox(
  fit: BoxFit.fill,
  child: SizedBox(
    height:40, width:100,
    child: TextField(
      controller: _textControllers[index], // 引用对应索引的控制器
      decoration: InputDecoration(
        suffix: InkWell(
          onTap: () {
            setState(() {
              // 清空输入框内容
              _textControllers[index].clear();
              // 同时更新数据源里的quantity值（根据需求设为空或0）
              _docData[index].quantity = 0; // 这里根据你的数据结构调整
            });
          },
          child: Icon(Icons.clear),
        )
      ),
    ),
  ),
),

注意事项 #

• 一定要在dispose方法中销毁所有控制器，防止内存泄漏。
• 如果_docData是动态加载的（比如下拉刷新、新增数据），记得同步更新_textControllers列表，保持两者长度一致。

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