0

我将来自 firestore 实例的一些数据存储在一个列表中，现在我想在我的屏幕上显示这些数据。

当我在终端打印我的列表时，我看到了这个：

I/flutter (11351): [{num: 100, title: This is test 2}]

我定义了一个这样的列表：

var list = new List();

我正在单击按钮获取数据。

RaisedButton(
                onPressed: () async {
                  var documentReference = await Firestore.instance.collection('insults').document('vv4YjpyRFFEknbCyC9o7');
                  documentReference.get().then((documentSnapshot){
                    setState(() {
                      list.add(documentSnapshot.data);
                    });
                    print(list);

                  }) ;
                },
                child: Text('Press me'),
              ),

请指导我一点。我刚开始学习flutter。

我不想遍历文档，但我想使用合适的方法将其存储在列表中。

4

1 回答 1

1

不需要显示列表，因为您只是在一个文档下检索数据，如果您想显示检索到的数据，那么您可以执行以下操作：

首先在你的下面创建一个实例变量State：

Map<String, dynamic> retrievedData = Map<String, dynamic>();

然后在内部setState将数据分配给retrievedData：

RaisedButton(
                onPressed: () async {
                  var documentReference = await Firestore.instance.collection('insults').document('vv4YjpyRFFEknbCyC9o7');
                  documentReference.get().then((documentSnapshot){
                    setState(() {
                      retrieveData = documentSnapshot.data;
                    });
                  }) ;
                },
                child: Text('Press me'),
              ),

在该build方法中，您可以Column使用多个children例如：

          children: <Widget>[
            Text(
               retrievedData["title"] ?? "",
            ),
             Text(
              retrievedData["num"] ?? "",
            ), 
          ],

单击按钮时，setState将调用 build 方法，您的数据将显示在屏幕上。

于 2020-05-01T14:35:36.177 回答