在for循环表中显示列表对象颤动答案

【问题标题】：display list objects in for loop table flutter在for循环表中显示列表对象颤动
【发布时间】：2022-12-05 09:22:55
【问题描述】：

我将对象添加到我的列表中，我如何循环并打印出两种类型的项目，即 carType 和 sales，我只了解如何从一个值中获取，但如果 2 个值具有不同的字段，我不明白

var records = [{ crv, 800 }, { hrv, 400 }, { sedan, 1500 }]

children: [
                  for(var item in records)
                  Table(
                    children: [
                      TableRow(
                          children: [
                            Center(child: Text('${item}',style: TextStyle(fontFamily: 'MonSemi', fontSize: 17,color: Colors.white),)),
                           
                          ]
                      )
                    ],
                  )
                ],

【问题讨论】：

标签： flutter list dart for-loop row

【解决方案1】：

给你，请将记录更改为 List<Map<String, dynamic>> 而不是 Set of object

   import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
   const MyHomePage({super.key, required this.title});
   final String title;


  @override
  State<MyHomePage> createState() => _MyHomePageState();
       
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
  List<Map<String, dynamic>> records = [
  {"crv": 800},
  {"hrv": 400},
  {"sedan": 1500}
  ];

return Scaffold(
    appBar: AppBar(
      title: Text(widget.title),
    ),
    body: Center(
      child: DataTable(
        horizontalMargin: 25,
        columns: const <DataColumn>[
          DataColumn(label: Text("Car Type"), numeric: false),
          DataColumn(label: Text("Sales"), numeric: true),
        ],
        rows: records
            .map((e) => DataRow(cells: [
                  DataCell(Text(e.entries.first.key)),
                  DataCell(Text(e.entries.first.value.toString())),
                ]))
            .toList(),
      ),
    ));
  }
 }

截图：https://i.stack.imgur.com/eNjB5.png

【讨论】：