如何对flutter中的数据进行分页监听，有效取消不必要的监听？

Question

想象一下，我正在尝试通过对帖子进行分页来实现类似于 Instagram 的无限滚动，并且我还将监听已查询的每个帖子的帖子详细信息更改。

我首先查询前 10 个帖子：

void getPosts(){
postStream =
      firestore.collection('posts')
          .limit(10)
          .orderBy('createdAt', descending: true)
          .snapshots().listen((documentSnapshot) {... code to convert to each doc from JSON..}
}

当用户向下滚动时，我使用侦听器检测滚动并查询更多帖子

void getMorePosts(){
paginatedPostStream =
      firestore.collection('posts')
          .limit(10)
          .orderBy('createdAt', descending: true)
          .startAfterDocument(lastPostDocSnapshot)
          .snapshots().listen((documentSnapshot) {... code to convert to each doc from JSON..}
}

当用户不再需要这些帖子时，我会通过以下方式取消stream：

postStream.cancel();
paginatedPostStream.cancel();

然而，我意识到这样做只是停止监听最早和最新分页的stream。例如，用户可能通过以下方式查询

10 | 10 | 10 | 10 | 10
^                   ^

但取消stream只适用于查询的前10个帖子和后10个帖子。 如何更有效的取消监听，防止数据泄露？

欢迎任何建议。 谢谢你。

Answer 1

正如评论中所讨论的，您将需要管理所有流，而不仅仅是第一个和最后一个。 如果您想限制正在消耗的资源，您将需要关闭每个 stream，因为它变得过时了。

这里没有单一的最佳实践，但我所知道的大多数实现都是实现一个虚拟的 window，其中有几个（比如 3-5）个充满信息的屏幕。 因此，如果在您的情况下您可以一次在屏幕上显示 10 个文档，那么您将让听众保持在 3-5 个 10 个文档流上：当前显示的信息和 1 或 2 个屏幕的上下。 然后可以取消此虚拟 window 之外的任何 stream 以减少资源消耗。