flutter - 如何在flutter中创建像ui一样的表格

Question

我是 Flutter 的新手，只想知道使用哪个小部件可以创建 ui，如下图所示。

谢谢，

标签： flutterdart

Answer 1

Flutter 为此提供了一个Table类（但您也可以使用简单的 Row + Column 组合来实现）。

这是Table文档的链接：Flutter Table

这是一个简单的示例，可以帮助您入门：

Container(
        color: Colors.white,
        padding: EdgeInsets.all(20.0),
        child: Table(
          border: TableBorder.all(color: Colors.black),
          children: [
            TableRow(children: [
              Text('Cell 1'),
              Text('Cell 2'),
              Text('Cell 3'),
            ]),
            TableRow(children: [
              Text('Cell 4'),
              Text('Cell 5'),
              Text('Cell 6'),
            ])
          ],
        ),
      )