StreamBuilder 中的数据在 Firebase RTDB get() 调用之外不断返回 null答案

【问题标题】：data in StreamBuilder keeps returning null outside of Firebase RTDB get() callStreamBuilder 中的数据在 Firebase RTDB get() 调用之外不断返回 null
【发布时间】：2021-10-07 08:59:09
【问题描述】：

由于某种原因，我的数据变量在我的 .get() 调用之外一直返回 null。在 .get() 调用中，当我打印数据时，我得到了预期的地图。任何见解表示赞赏！给我带来问题的代码部分用星号表示。

class _MessagesScreenState extends State<MessagesScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
          children: <Widget>[
            Expanded(
              child: Container(
                decoration: BoxDecoration(
                  color: Colors.white,
                ),
                child: StreamBuilder(
                    stream: rtdb
                        .child('messages')
                        .child(widget.currentUserID)
                        .onValue,
                    builder: (context, snapshot) {
                      final messageList = <BuildMessages>[];
                      if (snapshot.hasData) {
                        final users = Map<String, dynamic>.from(
                            snapshot.data.snapshot.value);
                        users.forEach((key, value) {
                          **var data;**
                          **usersRef.child(key).get().then((value) {
                            data = new Map<String, dynamic>.from(value.value);
                          });**
                          final messageTile = BuildMessages(
                            name: data['userFirstName'] +
                                ' ' +
                                data['userLastName'],
                            picture: data['userImageUrl'],
                            otherID: data['userID'],
                          );
                          ;
                          messageList.add(messageTile);
                        });
                      }
                      return ListView.builder(
                        padding: EdgeInsets.only(top: 15.0),
                        itemCount: messageList.length,
                        itemBuilder: (context, index) {
                          return messageList[index];
                        },
                      );
                    }),
              ),
            ),
          ],
        ),
    );
  }

【问题讨论】：

你好！是的，您的回答非常有帮助。谢谢弗兰克

标签： firebase flutter dart firebase-realtime-database

【解决方案1】：

这是预期的行为。 usersRef.child(key).get() 返回 Future<DataSnapshot?>，因此您需要将其包装到 FutureBuilder 中以使用其值。

基于this answer 会是这样的：

FutureBuilder<DataSnapshot?>(
  future: usersRef.child(key).get(), // async work
  builder: (BuildContext context, AsyncSnapshot<DataSnapshot?> snapshot) {
    switch (snapshot.connectionState) {
      case ConnectionState.waiting: return Text('Loading....');
      default:
        if (snapshot.hasError)
          return Text('Error: ${snapshot.error}');
        else
          return Text('Result: ${snapshot.data!.value}');
    }
  },
)

【讨论】：