Flutter 如何使用flatter将TableRow动态添加到表中
我累坏了三天。 我想动态地将TableRow添加到表中。 但是,我不知道如何从列表数据中添加TableRowsFlutter 如何使用flatter将TableRow动态添加到表中,flutter,dart,Flutter,Dart,我累坏了三天。 我想动态地将TableRow添加到表中。 但是,我不知道如何从列表数据中添加TableRows Table( columnWidths: { 0: FlexColumnWidth(1.0), 1: FlexColumnWidth(2.0), }, border: TableBorder.all(), defaultVerticalAlignment: TableCellVerticalAlignment.middle,
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']),
文本(项目['日期]),
])]
),
}