Flutter中如何通过for循环在表格展示carType和sales列表数据

你的代码存在两个核心问题需要修正：

• 数据结构不规范：records里的对象没有明确字段名，无法精准获取车型和销量
• 表格结构错误：循环时每个数据项生成独立Table，会导致每个车型单独成表，而非在同一表格内展示多行

步骤1：修正数据结构 #

把records改成带明确字段（carType和sales）的对象数组，这样才能通过字段名获取对应值：

var records = [
  {'carType': 'crv', 'sales': 800},
  {'carType': 'hrv', 'sales': 400},
  {'carType': 'sedan', 'sales': 1500}
];

步骤2：调整表格渲染逻辑 #

将Table放在循环外部，循环生成TableRow，每个行包含车型和销量两个单元格：

Table(
  children: [
    // 可选：添加表头
    TableRow(
      children: [
        Center(child: Text('车型', style: TextStyle(fontFamily: 'MonSemi', fontSize: 17, color: Colors.white))),
        Center(child: Text('销量', style: TextStyle(fontFamily: 'MonSemi', fontSize: 17, color: Colors.white))),
      ],
    ),
    // 循环生成数据行
    for (var item in records)
      TableRow(
        children: [
          Center(child: Text(item['carType'], style: TextStyle(fontFamily: 'MonSemi', fontSize: 17, color: Colors.white))),
          Center(child: Text(item['sales'].toString(), style: TextStyle(fontFamily: 'MonSemi', fontSize: 17, color: Colors.white))),
        ],
      ),
  ],
)

关键说明 #

• 字段访问：通过item['carType']和item['sales']分别获取车型和销量，注意销量是数字类型，需用toString()转换为字符串后才能在Text组件中显示
• 表格结构：所有行都放在同一个Table的children列表中，表头可根据需求选择是否添加
• 循环范围：仅针对TableRow做循环，避免生成多个独立表格

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