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),

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

Answer 2

你也可以使用 https://pub.dev/packages/sticky_grouped_list 包

StickyGroupedListView<dynamic, String>(
    elements: _elements,
    groupBy: (dynamic element) => element['group'],
    groupSeparatorBuilder: (dynamic element) => Text(element['group']),
    itemBuilder: (context, dynamic element) => Text(element['name']),
    itemComparator: (element1, element2) => element1['name'].compareTo(element2['name']), // optional
    itemScrollController: GroupedItemScrollController(), // optional
    order: StickyGroupedListOrder.ASC, // optional
  ),

如何在颤振聊天中创建像 WhatsApp 这样的日期标头

2 个答案: