ListView Builder 分隔符

在Flutter中，ListView是一个十分常用的控件，ListView Builder可以用来创建动态列表，其中可以添加分隔符。

ListView Builder

在创建ListView Builder之前，需要定义列表数据，这样才能将数据绑定到ListView中。

List<String> _listItems = [
  'Item 1',
  'Item 2',
  'Item 3',
  'Item 4',
  'Item 5',
  'Item 6',
  'Item 7',
  'Item 8',
  'Item 9',
  'Item 10'
];

在ListView Builder中，可以通过以下代码将列表数据绑定到ListView中。

ListView.builder(
  itemCount: _listItems.length,
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text(_listItems[index]),
    );
  },
);

添加分隔符

当需要添加分隔符时，可以在ListView Builder中添加Divider控件。以下是一个示例代码：

ListView.builder(
  itemCount: _listItems.length,
  itemBuilder: (BuildContext context, int index) {
    if (index.isOdd) {
      return Divider(
        thickness: 1.0,
        color: Colors.grey,
      );
    }
    return ListTile(
      title: Text(_listItems[index ~/ 2]),
    );
  },
);

在这个示例代码中，当index为奇数时，显示分隔符，使用Divider控件绘制。当index为偶数时，显示列表项（即将索引除以2）。

结论

ListView Builder是一个强大的控件，可以用来创建动态列表。分隔符可以让列表更具有可读性，在需要对数据进行高亮显示或分组显示时非常有用。