Flutter表格组件Table

image.png

今天要写一个APP三方SDK的共享清单，用到了Table表格组件，使用起来很方便：

Table(
  border: TableBorder.all(
    color: const Color(0xFFD8D8D8),
    width: 1,
    style: BorderStyle.solid,
   borderRadius: BorderRadius.circular(5),
  ),
  defaultVerticalAlignment: TableCellVerticalAlignment.middle,
  children: const [
    TableRow(
      children: [
        Text('姓名'),
        Text('性别'),
        Text('年龄'),
      ],
    ),
    TableRow(
      children: [
        Text('大头'),
        Text('男'),
        Text('18'),
      ],
    ),
  ],
)

Table的border属性可以设置边框的颜色和粗细以及圆角
children属性传入TableRow数组，TableRow对应单行数据
单行中每列的数据在TableRow的children里

另外还有其他几个属性：
defaultVerticalAlignment：行的垂直对齐方式
columnWidths：每列的宽度