[Flutter] ListView.separated() で、一番最後にDivider()を表示する

ListView.separated() はアイテム間に区切りを表示できて便利だが、一番最後にも区切りを表示したい時がある。

やり方

itemCountを項目数+1しておき、itemBuilderでindex==<項目数>となったとき、区切りを返す。

ListView.separated(
  itemBuilder: (BuildContext context, int index) {
    if (index == items.length) {
      return const Divider(
        height: 1,
      );
    }
    return ListTile(
      title: items[index].title,
    );
  },
  separatorBuilder: (BuildContext context, int index) {
    return const Divider(
      height: 1,
    );
  },
  itemCount: items.length + 1,
);

参考

Adding top and bottom separators with ListView.separated | Code With Andrea