在 Flutter 中的 TableRow 之间添加一些空间

Question

我正在 Flutter 中创建一个表，其中包含一些 TableRows，我只想在这些行之间添加一些空格。

Table(
    columnWidths: {0: FractionColumnWidth(.4)},
    children:[
        TableRow(children: [
        Text(
          'Original Title',
        ),
        Text(
          original_title,
        ),
      ]),
      TableRow(children: [
        Text(
          'Original Language',
        ),
        Text(
          original_language,
        ),
      ])
    ],
);

Answer 1

我是这样做的。

创建一个常量，假设rowSpacer为

const rowSpacer=TableRow(
                  children: [
                      SizedBox(
                      height: 8,
                      ),
                      SizedBox(
                      height: 8,
                      )
                ]);

请记住，上面添加的 SizedBox 小部件的数量应与表中的列数相同。对于本例，我有 2 列，因此有 2 个 SizedBox。

现在使用这个常数来给出行之间的间距。

              Table(
                  children: [
                       TableRow(
                          children: [
                            Text('Name:'),
                            Text('Aman kumar')
                            ]),
                       rowSpacer,                        //Using the Constant
                       TableRow(
                           children: [
                             Text('Date of Birth:'),
                             Text('September 27, 1998')
                            ]),
                   )

Answer 2

可能不是最有效的方法，但您可以将 TableRow 包装在 Padding 类中

Padding(
  padding: EdgeInsets.all(8.0),
  child: const Card(child: Text('Hello World!')),
)

大致如下：

Table(
  columnWidths: {0: FractionColumnWidth(.4)},
  children:[
    TableRow(children: [
      Padding(
      padding: EdgeInsets.symmetric(vertical: 8.0)
      child: Text(
        'Original Title',
      )),
      Padding(
      padding: EdgeInsets.symmetric(vertical: 8.0)
      child: Text(
        original_title,
      )),
    ]),
    TableRow(children: [
      Padding(
      padding: EdgeInsets.symmetric(vertical: 8.0)
      child: Text(
        'Original Language',
      )),
      Padding(
      padding: EdgeInsets.symmetric(vertical: 8.0)
      child: Text(
        original_language,
      )),
    ]),
  ],
);

填充类：

• https://api.flutter.dev/flutter/widgets/Padding-class.html

边缘插入类：

• https://api.flutter.dev/flutter/painting/EdgeInsets-class.html