【问题标题】:flutter: listview blank divider颤振:列表视图空白分隔符
【发布时间】:2020-11-15 16:12:21
【问题描述】:

目标

我希望有一个ListView,其中有 4 个ListTiles 和一个分隔线,就在它最后一个ListTile 之前,但我不想要带有Divider 的水平线,只有一个空白高度可自定义的空间。

问题

到目前为止,除了在最后两个图块之前插入一个空容器之外,我还没有找到直接的方法。

问题是:我在ListView 后面有一个模型List。我很想将列表中的选定项目与 ListView 匹配。所以数据和视图之间最好是一对一的映射。这使得配置用于选择 ListTiles 的外观变得很方便。在视图中有一个非数据分隔符会使映射倾斜,即,现在我有 4 个数据项,但视图中有 5 个项。所以我不能只使用

child: ListTile(
  selected: model[i].isSelected,
)

问题

我对@9​​87654328@ 的要求太高了,还是有一种直接的方法可以实现我想要的?

【问题讨论】:

  • 你检查ListView.separated了吗?

标签: flutter listview dart


【解决方案1】:

你可以使用 ListView.separated

ListView.separated(
  itemCount: 25,
  separatorBuilder: (BuildContext context, int index) => SizedBox ( height : <height>),
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text('item $index'),
    );
  },
)

【讨论】:

    猜你喜欢
    • 2018-04-24
    • 1970-01-01
    • 2021-09-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-19
    • 2020-05-10
    • 1970-01-01
    相关资源
    最近更新 更多