我正在使用grouped_list flutter包来构建一个通知屏幕,它根据日期对通知进行分组。我正在寻求一个解决方案,我可以分开的每一组(这是在这种情况下的天)与分隔符。
我试着让我的itemBuilder成为一个列,并把我的listitem和divider作为子项,但这只是把divider放在我的每个ListTile项下,而不是把divider放在每组ListTile项下。
对于上下文,这是我的代码看起来的样子:
GroupedListView<dynamic, String>(
padding: const EdgeInsets.symmetric(
horizontal: 30.0, vertical: 40.0),
elements: _elements,
groupBy: (element) => element['day'],
groupHeaderBuilder: createGroupHeader,
// groupSeparatorBuilder: (String groupByValue) => Align(
// alignment: AlignmentDirectional.centerStart,
// child: Padding(
// padding: const EdgeInsets.only(bottom: 16.0),
// child: Text(
// groupByValue,
// style: CredioTextStyle.regular.copyWith(
// fontSize: 12.0,
// color: Colors.black.withOpacity(0.5),
// letterSpacing: 0.05,
// ),
// ),
// ),
// ),
itemBuilder: (context, dynamic element) => ListItem(
// notifications: task.data!.,
time: element['time'],
title: element['notification'],
),
itemComparator: (item1, item2) =>
item1['notification'].compareTo(item2['notification']),
groupComparator: (item1, item2) =>
item1[1].compareTo(item2[1]),
// optional
useStickyGroupSeparators: false,
floatingHeader: true,
// optional
order: GroupedListOrder.DESC, // optional
);
1条答案
按热度按时间rxztt3cl1#
您可以将
Divider
添加到groupSeperatorBuilder
/groupHeaderBuilder
。只是不要在第一个元素前面画一个(例如通过检查索引或比较名称)