小编Ada*_*ian的帖子

Flutter:使用来自 Firestore 的多集合流创建动态更新的 DataTable

因此,我(尝试)创建一个 DataTable 来根据 Firestore 数据动态显示一堆包裹(例如 Amazon 或 UPS 包裹)。复杂的是:我的数据存储在数据库中的多个集合中,“队列”、“内部”和“学生”。

我已经使用 ListView.builder 和 ListViewTiles 创建了我想要的版本。目前它工作得很好,当新数据添加到队列时显示新的图块。我不想使用 ListView,而是想显示表(DataTable)中的所有数据;但是,我无法以与 DataTable 配合使用的方式来适应我已有的内容(FutureBuilders 和 StreamBuilders)。

我还有一个占位符数据表,它以我想要的方式显示预定义列表中的一堆虚拟包。

我已经研究过使用 Provider 向 DataTable 小部件提供重建列表...但是当尝试同时从多个集合中读取时,我似乎无法将这些点连接起来。

这是我的 ListView 的代码...

import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';

class QueueDisplay extends StatefulWidget {
  @override
  _QueueDisplayState createState() => _QueueDisplayState();
}

class _QueueDisplayState extends State<QueueDisplay> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: StreamBuilder(
        stream: Firestore.instance.collection('queue').snapshots(),
        builder:(context, snapshot){
          if (!snapshot.hasData){
            return (Center(child: CircularProgressIndicator()));
          } else {
            return ListView.builder(
              itemCount: snapshot.data.documents.length,
              itemBuilder: (context, index) {
                DocumentSnapshot queueDoc = …
Run Code Online (Sandbox Code Playgroud)

listview dart flutter google-cloud-firestore

5
推荐指数
1
解决办法
4951
查看次数

标签 统计

dart ×1

flutter ×1

google-cloud-firestore ×1

listview ×1