如何以相反的顺序获取消息序列

Question

enter image description here我正在尝试制作一个聊天应用程序，根据视频讲座，我已将反向添加到我获取快照的列表中，但它没有反映在应用程序中。我附上代码。请提供帮助，如果需要，我将非常乐意提供任何澄清。

StreamBuilder<QuerySnapshot>(
      stream: _firestore.collection('messages').snapshots(),
      builder: (context,snapshot){
        if(snapshot.hasData) {
          final messages = snapshot.data.docs.reversed;
          List<MessageBubble> messageBubbles=[];
          for(var message in messages)
          {
            final messageText=message.get('text');
            final messageSender=message.get('sender');
            final currentUser= loggedInUser.email;
            final messageBubble=
            MessageBubble(sender:messageSender,
                text:messageText,
                 isMe:currentUser==messageSender);
            messageBubbles.add(messageBubble);
     
          }
          return Expanded(
            flex:8,
            child: ListView(
              reverse:true,
                padding:EdgeInsets.symmetric(horizontal:10,vertical:20),
                children: messageBubbles
            ),
          );
        }
        else {
          return Column(
              children: []
          );
        }
      },
    );

这张图片显示我发送的最后一条消息是“你好，我是第一次发短信”，它既不在先前消息的顶部，也不在底部，而是随机介于两者之间。我希望它始终位于底部，并且还希望默认情况下屏幕始终保持在底部，直到用户向上滚动为止。

图哪里收藏有snapshoenter image description heret.

Answer 1

您在两个地方颠倒了列表：

• 直接上单。

  final messages = snapshot.data.docs.reversed;
  

• 在ListView。

  ListView(
    reverse:true,
    padding:EdgeInsets.symmetric(horizontal:10,vertical:20),
    children: messageBubbles
  ),
  

您可以去掉ListView 中的那个，而只是反转列表本身。