前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用 ListView.separated 添加顶部和底部分隔符

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

原创
作者头像
徐建国
修改2021-08-09 18:01:28
1.1K0
修改2021-08-09 18:01:28
举报
文章被收录于专栏:个人路线个人路线

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}");
                    },
                  ),
                )

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档