是否可以使用飞镖构建并排特征比较表?怎么样?

时间:2019-04-05 16:26:52

标签: dart flutter

只想知道标准库(以及如何)是否可以Flutter dart建立并排的列明智表(例如那些功能比较表,不同型号的Android手机等)。请注意,我们还需要它具有网络可访问性,因此对讲/配音需要逐列阅读屏幕。

2 个答案:

答案 0 :(得分:0)

这不是Flutter附带的,即它不是标准库中的小部件。寻找它的另一个地方是Pub for Flutter。但是,Flutter团队和社区都没有创造出类似的东西。

话虽如此,我觉得使用Stack + Align / Positioned小部件或Row来实现该目标应该很简单。有很多灵活的可能性。

例如,要读出您的文字,可以使用flutter_tts

答案 1 :(得分:0)

您可以使用它并根据需要修改内容。

enter image description here

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