如何使用flutter从Firebase检索数组数据

时间:2020-08-13 10:40:42

标签: firebase flutter dart flutter-layout

嗨,我有一个firebase作为我flutter应用程序的后端,我可以读写数据,但是当我将其放入文本小部件并添加.toString()参数时,我无法检索字符串数组检索它,但是我想以一种无法呈现的方式在列表视图中查看它,任何人都可以帮忙。

这是我的代码

ListView.builder(
              itemCount: snapshot.data.documents.length,
              padding: EdgeInsets.all(5.0),
              itemBuilder: (context, i) {
                return new Container(
                  child: Padding(
                    padding: EdgeInsets.only(top: 5, right: 5, left: 5),
                    child: Material(
                      borderRadius: BorderRadius.circular(20),
                      elevation: 9,
                      color: Theme.of(context).cardColor.withOpacity(.95),
                      shadowColor:
                          Theme.of(context).accentColor.withOpacity(.5),
                      child: Container(
                        padding: EdgeInsets.only(
                            bottom: 10, right: 10, left: 10, top: 15),
                        height: 230,
                        decoration: BoxDecoration(
                            color: Color(0xFF0B0F1B),
                            borderRadius: BorderRadius.circular(20),
                            border: Border.all(
                                width: 1, color: Colors.grey.withOpacity(0.5))),
                        child: Column(
                          children: <Widget>[
                            Padding(
                              padding: const EdgeInsets.all(4.0),
                              child: Text(
                                'members :-' +
                                    snapshot.data.documents[i].data['members']
                                        .toString(),
                                style: TextStyle(
                                    color: Colors.white, fontSize: 15),
                              ),
                            ),
                            Padding(
                              padding: const EdgeInsets.all(4.0),
                              child: Text(
                                'amount :-' +
                                    snapshot
                                        .data.documents[i].data['amount'],
                                style: TextStyle(
                                    color: Colors.white, fontSize: 15),
                              ),
                            ),)

1 个答案:

答案 0 :(得分:0)

如果您的快照不是流,则等待请求并将其存储在本地变量中。否则,请使用流构建器小部件