Flutter问题：ListView列表项移除后未正确更新，仅删最后一行

你的代码存在两个核心问题，导致ListView更新异常：

• TileState自行持有item，未关联widget数据源：你在TileState里单独存储了item变量，且是在createState时直接赋值的，后续widget的item发生变化时，TileState不会同步感知，导致Flutter的diff算法无法正确识别列表项的变更。
• 列表构建方式未利用Flutter组件复用机制：直接通过循环生成children列表传给ListView，这种方式下Flutter无法高效判断哪些列表项需要更新，容易出现UI与数据源不一致的情况。

1. 让TileState直接通过widget.item获取数据，不再自行持有item变量
2. 移除createState时给TileState赋值item的逻辑，遵循Flutter状态组件的规范
3. 改用ListView.builder构建列表，它会根据数据源变化自动复用和更新列表项
4. 确保ListTile的key绑定到widget.item的唯一标识，帮助Flutter准确识别组件

class ListState extends State<ListWidget> {
  List<Item> list = [];
  // 假设你已初始化controller，此处省略

  @override
  Widget build(BuildContext context) {
    print([for(Item item in list) item.name]);
    // 改用ListView.builder构建列表
    return ListView.builder(
      controller: controller,
      itemCount: list.length,
      itemBuilder: (context, index) {
        final item = list[index];
        return Tile(item, parent: this);
      },
    );
  }

  void remove(Item item) => setState(() {
    list.remove(item);
  });
}

class Tile extends StatefulWidget {
  final Item item;
  final ListState parent;

  // 通过构造函数初始化属性，避免使用..语法
  const Tile(this.item, {required this.parent, super.key});

  @override
  State<Tile> createState() => TileState();
}

class TileState extends State<Tile> {
  // 移除自行持有的item变量，直接通过widget.item获取数据
  @override
  Widget build(BuildContext context) {
    return ListTile(
      key: ValueKey(widget.item.name),
      title: Text(widget.item.name),
      onTap: () => widget.parent.remove(widget.item),
    );
  }
}

尽量避免让子组件持有父组件的State对象，这种写法耦合性太强。推荐用回调函数替代，给Tile添加VoidCallback onRemove属性，由父组件传递移除逻辑，代码解耦性更好：

// 修改Tile的构造函数
const Tile(this.item, {required this.onRemove, super.key});
final VoidCallback onRemove;

// 父组件构建Tile时
Tile(item, onRemove: () => setState(() => list.remove(item)))

// TileState里的onTap逻辑
onTap: widget.onRemove,

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