加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flutter listView.Builder隐藏最后一个列表项上的分隔符

发布时间:2020-12-14 14:48:27 所属栏目:百科 来源:网络整理
导读:在使用ListView.Builder创建列表时,如何在最后一项中隐藏分隔符? 为每个项添加分隔符相当容易,但是在列表中的最后一项上解除分隔符的逻辑是什么? 没有具体的stackoverflow问题以及实现此任务的具体示例. Widget build(BuildContext context) {return ListV
在使用ListView.Builder创建列表时,如何在最后一项中隐藏分隔符?

为每个项添加分隔符相当容易,但是在列表中的最后一项上解除分隔符的逻辑是什么?

没有具体的stackoverflow问题以及实现此任务的具体示例.

Widget build(BuildContext context) {
return 
    ListView.builder(
      shrinkWrap: true,physics: ScrollPhysics(),itemCount: OffersList.length,itemBuilder: (context,index) {
        Offer item = OffersList[index];
        return ListItem(context,item);
      },);
  }



Widget ListItem(BuildContext context,Offer item) {
if ( index == OffersList.length - 1) {
  dividerChecker = EmptyContainer();
} else {
  dividerChecker = Divider();
}
return Column(
  children: <Widget>[
    OfferListItem(
      offerData: item,status: status,userType: userType,),dividerChecker,],);

}

解决方案如建议:

使用ListView.separator而不是ListView.Builder:

ListView.separated(
      separatorBuilder: (BuildContext context,int index) => new Divider(),shrinkWrap: true,index) {
        Offer item = OffersList[index];
        return offerListItem(context,Widget offerListItem(BuildContext context,Offer item) {
return Column(
  children: <Widget>[
    OfferListItem(
      offerData: item,);

}

解决方法

这可以通过ListView.separated()轻松完成

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读