是否可以使用颤动飞镖构建并排功能比较表？怎么样？

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),
    ),
  );
}

Answer 2

这不是Flutter，即它不是标准库中的小部件。寻找它的另一个地方是Pub for Flutter。然而，Flutter团队和社区都没有创造这样的东西。

话虽如此，我觉得使用Stack + Align / Positioned小部件或Row实现这一点应该是相当直接的。有很多灵活的可能性。

要阅读您的文字，您可以例如使用flutter_tts。