在颤动中显示屏幕列表中的数据的方法是啥？

Posted 2023-02-23

【中文标题】在颤动中显示屏幕列表中的数据的方法是啥？

【英文标题】：What is the method to show data from a list on screen in flutter?在颤动中显示屏幕列表中的数据的方法是什么？

【发布时间】：2020-08-16 00:01:09

【问题描述】：

我将一些来自 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。

我不想循环浏览文档，但我想使用合适的方法将其存储在列表中。

【问题讨论】：

你为什么用列表只存储一张地图？

这能回答你的问题吗？ How to loop through a Firebase datasnapshot sub childrens? Flutter

@LoVe 这只是一个测试。无论如何，我可以添加更多。

@Sidak 我想通过屏幕上的颤振小部件显示数据。我的列表中有它，现在我想在屏幕上显示。

@PeterHaddad 谢谢。这解决了我的问题。

【参考方案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 方法，您的数据将显示在屏幕上。