dart - 是否可以使用 flutter dart 构建并排功能比较表？如何？

Question

只是想知道标准库(以及如何)是否可以让 Flutter dart 构建一个并排的列式表格(比如那些功能比较表，表示不同型号的 android 手机等)。请注意，我们还需要它具有 Web 可访问性，因此对讲/画外音需要逐列阅读屏幕。

Answer 1

您可以使用它并根据您的需要进行修改。

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text("Testing")),
    body: Padding(
      padding: const EdgeInsets.all(4),
      child: Table(
        columnWidths: {
          0: FlexColumnWidth(),
          1: FlexColumnWidth(0.02),
          2: FlexColumnWidth(),
        },
        children: [
          TableRow(children: [_buildBox("Android is cool"), SizedBox(), _buildBox("iOS is hot")]),
          TableRow(children: [_buildBox("Android is flexible"), SizedBox(), _buildBox("iOS isn't")]),
          TableRow(children: [_buildBox("Android is dashing"), SizedBox(), _buildBox("No comments")]),
        ],
      ),
    ),
  );
}

Widget _buildBox(String title) {
  return Container(
    decoration: BoxDecoration(
      color: Colors.blue,
      border: Border(top: BorderSide(color: Colors.black)),
    ),
    height: 44,
    alignment: Alignment.center,
    child: Text(
      title,
      style: TextStyle(fontSize: 20, color: Colors.white),
    ),
  );
}