Flutter：如何通过FutureBuilder计算数据库费用总和并默认显示？

核心问题定位 #

你猜的没错——FutureBuilder异步加载完数据库数据后，没有自动触发总额计算逻辑，导致初始状态下totalExpenditure停留在初始值0，只有checkbox交互时才会更新。

具体解决步骤 #

1. 数据加载完成后立即计算总额

在FutureBuilder的builder回调里，当数据成功返回时，直接调用计算方法，不要只依赖checkbox的点击事件：

FutureBuilder(
  future: getExpenseDataFromDB(), // 你的数据库查询方法
  builder: (context, snapshot) {
    if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) {
      final expenseData = snapshot.data!;
      // 初始checkbox未勾选，直接计算排除采购价的总和
      _computeTotal(expenseData, includePurchase: false);
      
      return Column(
        children: [
          CheckboxListTile(
            title: const Text('包含采购价'),
            value: _includePurchase,
            onChanged: (bool? value) {
              setState(() {
                _includePurchase = value!;
                _computeTotal(expenseData, includePurchase: value);
              });
            },
          ),
          Text('总支出：${_totalExpenditure.toStringAsFixed(2)}'),
        ],
      );
    } else if (snapshot.hasError) {
      return Text('加载失败：${snapshot.error}');
    }
    return const CircularProgressIndicator();
  },
)

2. 抽离计算逻辑为独立方法

把求和逻辑单独封装，方便在数据加载和checkbox状态变化时复用，同时处理字段为空的情况：

double _totalExpenditure = 0.0;
bool _includePurchase = false;

void _computeTotal(ExpenseModel data, {required bool includePurchase}) {
  double sum = 0.0;
  // 累加排除采购价的所有费用
  sum += data.totalRefuelCost ?? 0.0;
  sum += data.totalServiceCost ?? 0.0;
  sum += data.totalExpenseCost ?? 0.0;
  sum += data.totalInsuranceCost ?? 0.0;
  sum += data.totalPermitCost ?? 0.0;
  sum += data.totalPUCCost ?? 0.0;
  sum += data.totalAccidentCost ?? 0.0;
  
  // 勾选时追加采购价
  if (includePurchase) {
    sum += data.totalPurchasePrice ?? 0.0;
  }
  
  setState(() {
    _totalExpenditure = sum;
  });
}

3. 验证数据有效性

如果计算后还是不符合预期，在数据加载完成后打印各字段值，确认数据库返回的数据是否正确：

print('加油费：${expenseData.totalRefuelCost}');
print('保养费：${expenseData.totalServiceCost}');
// 其他字段同理

关键注意事项 #

• 必须在FutureBuilder数据就绪时主动触发计算，不能只依赖checkbox交互
• 用setState更新_totalExpenditure，确保UI同步刷新
• 用?? 0.0处理字段为null的情况，避免空指针异常

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