flutter Listview 分割线

使用ListView.separated,就很简单了
  ListView.separated(
        scrollDirection: direction,
        itemBuilder: (context, index) {
          final Axis slidableDirection =
              direction == Axis.horizontal ? Axis.vertical : Axis.horizontal;
          return _getSlidableWithLists(context, index, slidableDirection);
        },
        itemCount: list.length,
        separatorBuilder: (BuildContext context, int index) =>
            Divider(height: 1.0, color: AppColors.separator),
      );//设置固定的分割线

separatorBuilder: (BuildContext context, int index) {
  return Container(
    height: 10,
    color: CommercialColors.color_f5f5f5,
  );
},//设置自定义的分割线

如果使用ListView.builder,没有这个属性,需要自己在itemBuilder中增加下划线
ListView.builder(
              shrinkWrap: true,
              physics: NeverScrollableScrollPhysics(),
              itemBuilder: (BuildContext context, int index) =>
                  GroupContactItem(_headData[index], groupModel),
              itemCount: _headData.length)
        ],

效果如下:

喜欢可以加Q群号:913934649,点赞,评论;

 

简书： https://www.jianshu.com/u/88db5f15770d

csdn：https://me.csdn.net/beyondforme

掘金：https://juejin.im/user/5e09a9e86fb9a016271294a7