flutter - 向 TableRow 添加填充

Question

我正在尝试向我的表格行添加填充。

这是我的:

var list = (report['items'] as List)
          .map((item) => 
          TableRow(children: [
                Text(item['place']),
                Text(item['type']),
                Text(item['producer']),
                Text(item['serial_number']),
                Text(formatter.format(DateTime.parse(item['next_check_date']))
                    .toString()),
                Text(item['test_result']),
                Text(item['comments']),
              ]))
          .toList();

这是我尝试做的:

var list = (report['items'] as List)
          .map((item) =>
      Container(
          padding: EdgeInsets.only(10.0),
          child: TableRow(children: [
                Text(item['place']),
                Text(item['type']),
                Text(item['producer']),
                Text(item['serial_number']),
                Text(formatter.format(DateTime.parse(item['next_check_date']))
                    .toString()),
                Text(item['test_result']),
                Text(item['comments']),
              ])))
          .toList();

但是我得到了这个错误(在添加带有填充的容器之后):

The argument type 'TableRow' can't be assigned to the parameter type 'Widget'.

如何向我的表格/表格行添加填充？

Answer 1

我发现在这种情况下(当你想在表中的行之间添加填充时)工作的方法是用 Container 包装 Text Widget 并添加 padding 属性添加到您的元素之一(可能是“最高”的元素)，并将 alignment 属性用于您需要在行内对齐文本的其他容器。我的示例如下所示(抱歉图片模糊):

Padding(
  padding: const EdgeInsets.fromLTRB(32.0, 0.0, 32.0, 0.0),
  child: Table(
    columnWidths: {
      0: FractionColumnWidth(.75),
    },
    children: achievementList
        .map(
          (achivement) => TableRow(
            children: [
              Container(
                padding: EdgeInsets.only(bottom: 10.0),
                child: Text(
                  achivement.title,
                  style: TextStyle(
                    fontSize: 16.0,
                  ),
                ),
              ),
              Container(
                alignment: Alignment.centerRight,
                child: Text(
                  achivement.dateString,
                  style: TextStyle(
                    fontSize: 16.0,
                  ),
                ),
              ),
            ],
          ),
        )
        .toList(),
  ),
),

其中 achievementList 是我的对象，带有 title 和 dateString。首先用 Container 包装 Text Widget 并赋予第一个 Container 属性 padding: E​​geInsets.only(bottom: 10.0), 它为整行提供填充。