如何在 flutter 聊天中创建像 WhatsApp 这样的日期标题

Question

我是颤振的新手。我正在尝试使用 Firebase 构建聊天应用程序。我想像 WhatsApp 聊天一样显示带有日期标题的群组消息。

Answer 1

您可以使用grouped_list包

GroupedListView<dynamic, String>(
elements: _elements,
groupBy: (element) => element['group'],
groupSeparatorBuilder: (String groupByValue) => Text(groupByValue),
itemBuilder: (context, dynamic element) => Text(element['name']),
itemComparator: (item1, item2) => item1['name'].compareTo(item2['name']), // optional
useStickyGroupSeparators: true, // optional
floatingHeader: true, // optional
order: GroupedListOrder.ASC, // optional),

您可以按日期分组并返回按摩