gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 23:01:30 27 4
gpt4 key购买 nike

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

最佳答案

您可以使用 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),
您可以按日期分组并返回按摩

关于flutter - 如何在 flutter 聊天中创建像 WhatsApp 这样的日期 header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65422913/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com