Firebase Realtime Database按Key排序异常问题求助

问题出在你将快照值转换为Map后遍历的步骤——Dart中的Map（默认实现）不保证键值对的顺序，哪怕Firebase服务端已经按Key排好序，转成Map后遍历顺序就会混乱。

正确的做法是直接遍历快照的children节点，因为orderByKey()后的快照children会严格按照排序后的顺序返回：

Widget buildList(ChatUser chatUser) {
  return Flexible(
    child: StreamBuilder(
      stream: _service.getMessages(chatUser.uid!).orderByKey().onValue,
      builder: (context, snapshot) {
        List<ChatMessage> messageList = [];
        if (snapshot.hasData) {
          final DatabaseEvent event = snapshot.data as DatabaseEvent;
          // 直接遍历排序后的children节点
          for (var childSnapshot in event.snapshot.children) {
            final currentMessage = Map<String, dynamic>.from(childSnapshot.value as Map<dynamic, dynamic>);
            final message = ChatMessage().fromJson(currentMessage);
            messageList.add(message);
          }

          if (messageList.isNotEmpty) {
            return ListView.builder(
              padding: const EdgeInsets.all(10),
              reverse: true,
              itemCount: messageList.length,
              controller: scrollController,
              itemBuilder: (context, index) {
                return buildItem(index, messageList[index], chatUser);
              },
            );
          } else {
            return const Center(
              child: Text('Henüz Mesaj yok.'),
            );
          }
        } else {
          return const Center(
            child: CircularProgressIndicator(
              color: Colors.red,
            ),
          );
        }
      },
    ),
  );
}

另外补充两点注意事项：

• 确保你的时间戳Key是字符串类型的数字（比如"1699999999000"），Firebase的orderByKey()对字符串是按字典序排序的，数字字符串的字典序和数值序一致，这样排序才符合预期。
• 如果你需要倒序显示（比如最新消息在最上面），可以在stream中加上limitToLast(n)，或者直接对messageList调用reverse()后再传入ListView，不过你的代码已经设置了reverse: true，这个可以根据实际需求调整。

内容的提问来源于stack exchange，提问作者Caner Balım