显示访问列表-ListView还是Table?

时间:2019-03-19 10:33:19

标签: mobile flutter

我正在Flutter上开发我的第一个应用程序,并且陷入了困境。我想显示访问列表。

我将在左侧显示被访问的客户的名称,并在右侧显示一些统计信息(例如,工作时间)。

据我对HTML / CSS的了解,我会说将其放在表格中。但是Flutter中的Table小部件似乎有一些限制。

  • 不可点击
  • 默认情况下,它们不会滚动(据我所知)
  • 不支持标题

坦率地说,我很困惑。 Table小部件似乎缺少一些功能,使用ListView小部件可能会更好。但是,然后我必须自己设置固定的列宽才能正确对齐单元格。

您现在建议我使用什么?

1 个答案:

答案 0 :(得分:0)

您描述它的方式使它听起来比在Flutter中实现要复杂得多。

所有您需要的是一个列表视图,其中包含连续的项目。容器和列表将填满屏幕。您不必设置任何固定的列宽。

如果您使用以下代码,您会看到10个孩子的列表,每个孩子彼此相邻。

ListView.builder(
                itemCount: 10,
                itemBuilder: (buildContext, int) => Container(
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: <Widget>[
                    Text('Sites visited'),
                    Text('Hours worked')
                  ],),
                    height: 60.0,
                    margin: EdgeInsets.only(top: 10.0),
                    decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.circular(5.0))))

如果要在任何项目上使用触摸功能,请将其包装在GesureDetector中,然后聆听所需的手势,然后点按,双击或其他任何选项。