dart – 使用Cloud Firestore创建无限列表

dart – 使用Cloud Firestore创建无限列表,第1张

概述我目前正在将Cloud Firestore与Streambuilder小部件一起使用,以便使用Firestore文档填充ListView小部件. new StreamBuilder<QuerySnapshot>( stream: Firestore.instance.collection('videos').limit(10).snapshots(), builder: (BuildCon 我目前正在将Cloud Firestore与Streambuilder小部件一起使用,以便使用Firestore文档填充ListVIEw小部件.

new StreamBuilder<querySnapshot>(  stream: Firestore.instance.collection('vIDeos').limit(10).snapshots(),builder: (BuildContext context,AsyncSnapshot<querySnapshot> snapshot) {    if (!snapshot.hasData) return new Center(      child: new CircularProgressIndicator(),);    return new ListVIEw(      children: snapshot.data.documents.map((documentSnapshot document) {        new Card(child: ...)      }).toList(),);  },);

然而,此设置仅允许查询前x个结果(在这种情况下x = 10),其中x是固定数字,用户希望看到的卡片小部件的数量迟早会被超出或超过向下滚动.

现在是否可以查询前x个结果,并在用户点击滚动阈值后查询Cloud Firestore的下一个x 10结果,依此类推?
 这将允许动态列表长度,这也有利于Firestore数据消耗.

解决方法 这绝对是可能的,但API中没有任何预先构建的内容.

您必须记住第一页上的最后一个文档,然后使用该文档的startAfter()来获取第二页文档.

请参阅Paginating Data with Query Cursors上的文档.

总结

以上是内存溢出为你收集整理的dart – 使用Cloud Firestore创建无限列表全部内容,希望文章能够帮你解决dart – 使用Cloud Firestore创建无限列表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1003371.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存