Flutter使用sqflite计算分数总和时触发constraints.hasBoundedWidth断言错误

一、修复断言错误（核心问题） #

你遇到的constraints.hasBoundedWidth断言错误，根源是Positioned组件仅设置了right:40，未定义左侧边界，导致子组件宽度无界，而ListView需要明确的宽度约束才能渲染。同时，Expanded不能直接放在Positioned内部（Expanded仅适用于Row/Column等Flex布局）。

修复方式二选一：

方式1：给Positioned添加left约束，明确宽度范围 #

Positioned(
  right: 40,
  left: 20, // 新增左侧边界，让宽度有界
  child: FutureBuilder<List<scoregamilibre>>(                        
    future: _scoregamilibreRC,
    builder: (context, snapshot) {
      // ... 后续逻辑见下文优化
    },
  ),
)

方式2：用Align替代Positioned（更简洁） #

如果只需要右侧对齐，直接用Align组件替代Positioned，避免手动设置边界：

Align(
  alignment: Alignment.centerRight,
  child: Padding(
    padding: const EdgeInsets.only(right:40), // 替代Positioned的right参数
    child: FutureBuilder<List<scoregamilibre>>(                        
      future: _scoregamilibreRC,
      builder: (context, snapshot) {
        // ... 后续逻辑见下文优化
      },
    ),
  ),
)

二、修复求和逻辑的严重问题 #

你的代码存在两个致命问题：

1. 硬编码索引会导致数组越界：如果数据库中分数条目不足10条，items[9]会直接抛出异常。
2. ListView每个item重复计算总和：总和是所有条目的累加值，只需要计算一次，不需要在每个itemBuilder里重复执行。

优化后的求和逻辑：

else {
  var items = snapshot.data ?? <scoregamilibre>[];
  // 用fold函数安全计算总和，自动处理空列表或条目不足的情况
  int sumatoria = items.fold(0, (total, item) => total + int.parse(item.score));

  // 不需要ListView.builder，因为你只需要展示一次总和，不是每个条目
  return Container(
    margin: const EdgeInsets.symmetric(horizontal:1, vertical:1),
    decoration: BoxDecoration(borderRadius: BorderRadius.circular(12)),
    child: Column(
      children: [
        const SizedBox(height:7),
        const Text(
          "Sum Score",
          style: TextStyle(color: Colors.black, fontFamily: 'ZCOOL', fontSize:11),
        ),
        Text(
          sumatoria.toString(),
          style: const TextStyle(color: Colors.black, fontFamily: 'ZCOOL', fontSize:22),
        ),
      ],
    ),
  );
}

三、数据库层面优化（可选但推荐） #

目前你是把所有分数条目查出来再在Dart层求和，更高效的方式是直接在SQL层面计算总和，减少数据传输量：

在你的dbHelper.dart中新增一个方法：

Future<int> getTotalScore() async {
  final db = await database;
  // 用SQL的SUM函数直接计算总和，注意score字段如果是字符串类型，需要转成数值
  final result = await db.rawQuery('SELECT SUM(CAST(score AS INTEGER)) AS total FROM scoregamilibre');
  // 处理空结果（表为空时返回0）
  return result.first['total'] as int? ?? 0;
}

然后在页面中调用这个方法，简化FutureBuilder：

// 初始化时获取总和Future
final Future<int> _totalScore = dbHelper.getTotalScore();

// 替换原来的FutureBuilder
FutureBuilder<int>(                        
  future: _totalScore,
  builder: (context, snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return const Center(child: CircularProgressIndicator());
    } else if (snapshot.hasError) {
      return Text('Error: ${snapshot.error}');
    } else {
      int sumatoria = snapshot.data ?? 0;
      return Container(
        margin: const EdgeInsets.symmetric(horizontal:1, vertical:1),
        decoration: BoxDecoration(borderRadius: BorderRadius.circular(12)),
        child: Column(
          children: [
            const SizedBox(height:7),
            const Text(
              "Sum Score",
              style: TextStyle(color: Colors.black, fontFamily: 'ZCOOL', fontSize:11),
            ),
            Text(
              sumatoria.toString(),
              style: const TextStyle(color: Colors.black, fontFamily: 'ZCOOL', fontSize:22),
            ),
          ],
        ),
      );
    }
  },
)

这样不仅代码更简洁，而且性能更好，尤其是当数据库中分数条目较多时。

内容的提问来源于stack exchange，提问作者Carlos Peñaranda