Flutter 如何使用flatter将TableRow动态添加到表中

Flutter 如何使用flatter将TableRow动态添加到表中,flutter,dart,Flutter,Dart,我累坏了三天。 我想动态地将TableRow添加到表中。 但是,我不知道如何从列表数据中添加TableRows Table( columnWidths: { 0: FlexColumnWidth(1.0), 1: FlexColumnWidth(2.0), }, border: TableBorder.all(), defaultVerticalAlignment: TableCellVerticalAlignment.middle,

我累坏了三天。 我想动态地将TableRow添加到表中。 但是,我不知道如何从列表数据中添加TableRows

Table(
    columnWidths: {
      0: FlexColumnWidth(1.0),
      1: FlexColumnWidth(2.0),
    },
    border: TableBorder.all(),
    defaultVerticalAlignment: TableCellVerticalAlignment.middle,
    children: <TableRow>[
        // HOW CAN I MAKE ITERATION with List length.
    ]),
表格(
列宽:{
0:FlexColumnWidth(1.0),
1:FlexColumnWidth(2.0),
},
边框:TableBorder.all(),
默认垂直对齐:TableCellVerticalAlignment.middle,
儿童:[
//如何使用列表长度进行迭代。
]),
请告诉我怎么做。
谢谢。

build
方法中预先创建列表

final rows=[];
for(myRowDataList中的变量rowData){
行。添加(TableRow(
…//使用rowData生成TableRow
));
}
...
桌子(
列宽:{
0:FlexColumnWidth(1.0),
1:FlexColumnWidth(2.0),
},
边框:TableBorder.all(),
默认垂直对齐:TableCellVerticalAlignment.middle,
孩子们:排,
),
或者,从Dart 2.3开始,您可以在列表声明本身中使用for循环

表格(
列宽:{
0:FlexColumnWidth(1.0),
1:FlexColumnWidth(2.0),
},
边框:TableBorder.all(),
默认垂直对齐:TableCellVerticalAlignment.middle,
儿童:[
for(myRowDataList中的变量rowData)
表格数据(
…//使用rowData生成TableRow
),
],
),

请在桌子的颤振镖中找到简单的循环

  Widget build(BuildContext context) {
  var list = [{'id':"123123","date":"20/08/2016"},{'id':"123124","date":"26/08/2016"},{'id':"123125","date":"26/08/2016"}]; 
  return Scaffold(
  appBar: AppBar(
  title: Text(widget.title),
  ),
  body: Center(
  child: Column(
  mainAxisAlignment: MainAxisAlignment.start,
  children: <Widget>[
    Text('Recent Claims'),
    Table(
      border: TableBorder.all(color: Colors.black),
      columnWidths: {
        0: FixedColumnWidth(100.0),
        1: FixedColumnWidth(100.0)
      },
      children:[
        for(var item in list )  TableRow(children: [
          Text(item['id']),
          Text(item['date']),
      ])]
       ),
  }
小部件构建(构建上下文){
var列表=[{'id':“123123”,“日期”:“20/08/2016”},{'id':“123124”,“日期”:“26/08/2016”},{'id':“123125”,“日期”:“26/08/2016”}];
返回脚手架(
appBar:appBar(
标题:文本(widget.title),
),
正文:中(
子:列(
mainAxisAlignment:mainAxisAlignment.start,
儿童:[
文本(“最近的权利要求”),
桌子(
边框:表格边框。全部(颜色:Colors.black),
列宽:{
0:固定柱宽(100.0),
1:固定柱宽(100.0)
},
儿童:[
对于(列表中的变量项)表行(子项:[
文本(项目['id']),
文本(项目['日期]),
])]
),
}