首页 > 解决方案 > 如何从 Cloud Firestore 获取字符串列表?

问题描述

我在 Cloud Firestore 中添加了兴趣列表。我尽力获取并显示此列表。我使用流生成器来获取用户集合中的其他字段。有人可以帮我吗?

这是集合和文档的外观:

在此处输入图像描述

这就是我使用streambuilder获取其他字段的方式:

Widget build(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
  stream: myStream,
  builder: (context, AsyncSnapshot<QuerySnapshot> snapshot) {
    return !snapshot.hasData
        ? Center(child: CircularProgressIndicator())
        : Column(
            children: [
                  DocumentSnapshot document = snapshot.data.docs[index];
                  return Stack(
                    alignment: Alignment.topCenter,
                    fit: StackFit.expand,
                    children: [
                      Container(
                        height: screenHeight * 0.65,
                        decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.circular(30),
                          gradient: LinearGradient(
                            begin: FractionalOffset.topCenter,
                            end: FractionalOffset.bottomCenter,
                            colors: [
                              Colors.grey.withOpacity(0.0),
                              Colors.black,
                            ],
                            stops: [0.0, 1.0],
                          ),
                        ),
                        child: Padding(
                          padding: const EdgeInsets.only(bottom: 20),
                          child: Column(
                            mainAxisAlignment: MainAxisAlignment.end,
                            children: [
                              Text(
                                toBeginningOfSentenceCase(
                                        '${document.data()['username']}') +
                                    ',  ' +
                                    '${document.data()['age']}',
                                style: TextStyle(
                                    fontSize: 40,
                                    color: Colors.white,
                                    fontWeight: FontWeight.bold),
                              ),
                              
                            ],
                          ),
                        ),
                      ),
                    ],
                  );

标签: flutterdartflutter-layout

解决方案


推荐阅读