Flutter/Firebase 應用程序 stream 構建器加載數據

Question

我正在使用 Flutter 開發移動應用程序。

在我的應用程序中，我進行了實時消息傳遞。

通過獲得更多的用戶，聊天室中有很多聊天。

我只是想知道如何獲取數據，每當我向上滾動而不是初始 state 中的所有數據時。

StreamBuilder<QuerySnapshot>(
  stream: controller.stream,
  builder: (context, snapshots) {
    if (!snapshots.hasData) {
      return Container();
    } else {
      List<MessageBox> messages = [];
      snapshots.data.docs.forEach((msg) {
        ChatMessage message = ChatMessage.fromDocument(msg);
        if (messages.length != 0) {
          DateTime preTime =
              messages[messages.length - 1].chatMessage.time;
          DateTime thisTime = message.time;
          if (preTime.year != thisTime.year ||
              preTime.month != thisTime.month ||
              preTime.day != thisTime.day) {
            messages.add(MessageBox(
              curreuntUserID: authentication.currentUser.userID,
              isCurrentUserMessage:
                  authentication.currentUser.userID ==
                      ChatMessage.fromDocument(msg).senderID,
              chatMessage: ChatMessage(
                  tagedUserIDList: null,
                  time: preTime,
                  messageID: null,
                  message: null,
                  messageType: null,
                  recieverID: null,
                  senderID: null,
                  imageURLs: null),
            ));
          }
        }
        messages.add(MessageBox(
          curreuntUserID: authentication.currentUser.userID,
          chatMessage: message,
          isCurrentUserMessage: authentication.currentUser.userID ==
              ChatMessage.fromDocument(msg).senderID,
        ));
      });
      return MediaQuery.removePadding(
        context: context,
        removeBottom: true,
        child: ListView(
          reverse: true,
          children: messages,
        ),
      );
    }

Answer 1

如果您希望數據僅在滾動時加載，請使用 ListView.builder。 這只會在屏幕上呈現文本並略高於/低於文本。