Flutter中ListView.builder如何一次性渲染全部列表项且仅渲染一次

你遇到的统计错误本质是将全量数据统计逻辑耦合在了ListView的渲染回调中：
ListView.builder的itemBuilder仅在对应列表项进入可视区域时才会执行，且列表滚动过程中离开可视区的项重新进入时会再次触发itemBuilder执行，因此你写在itemBuilder内的累加逻辑会出现「未渲染项不统计、复现项重复累加」的问题。

你的需求是统计所有符合条件的列表项数据，和列表是否渲染无关，直接基于完整原始数据源做计算即可，完全不需要依赖列表的渲染逻辑：

• 你用于给ListView.builder提供数据的原始列表（例如List<Commodity> commodityList）本身就包含了全量数据，统计逻辑直接基于这个列表实现：

// 单独抽离统计方法，和UI渲染完全解耦
double calcTotalPriceOver100(List<Commodity> dataSource) {
  double total = 0;
  for (var item in dataSource) {
    if (item.price > 100) {
      total += item.price;
    }
  }
  return total;
}

• 页面底部的统计展示组件直接绑定该方法的返回值即可，仅当你的原始数据源发生增删改操作时，才需要重新调用该方法更新统计值，统计结果不受列表滚动行为影响。

• 不要在itemBuilder内执行全局变量累加、全量统计这类和单条item渲染无关的逻辑，itemBuilder仅负责单条item的UI构建
• 所有全量数据相关的业务逻辑，都应该基于原始业务数据源实现，不要和UI组件的渲染机制耦合

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