使用 ListView.separated 添加顶部和底部分隔符

ListView.separated是一个方便的 API，我们可以使用它在 Flutter ListView内的项目之间添加分隔符。

分隔符仅出现在列表项之间：分隔符 0 出现在项 0 之后，最后一个分隔符出现在最后一项之前。

这意味着第一个项目上方和最后一个项目下方没有分隔符。

这在 iOS 上很明显，默认情况下列表可以过度滚动。

这里有一些代码可以直接设置，并为您的ListViews添加顶部和底部分隔符：

代码语言：javascript复制

Container(
                  height: 400,
                  child: ListView.separated(
                    itemCount: 100   2,
                    separatorBuilder: (_, __) => Divider(height: 0.5),
                    itemBuilder: (context, index) {
                      if (index == 0 || index == 100   1) {
                        return Container(); // zero height: not visible
                      }
                      return Text("${index}");
                    },
                  ),
                )

dart flutter

0 人点赞