Flutter中如何读取Firebase实时数据库的目标子节点
解决Firebase实时数据库读取随机子节点数据的问题
你的问题核心是当前查询路径指向了Rides节点,拿到的快照是USER节点本身,而Color字段存在于USER下的随机生成子节点里,所以直接访问Rides['Color']会返回null。下面是两种可行的修改方案:
方案一:调整查询路径(推荐)
直接把查询路径定位到USER节点,这样FirebaseAnimatedList会自动监听USER下所有随机子节点的变化,每个快照对应一个随机子节点,就能直接获取Color字段。
修改查询代码:
// 把路径从'Rides'改为'Rides/USER' Query dbRefNode = FirebaseDatabase.instance.ref().child('Rides/USER');
然后修改_getDBRides方法里的逻辑:
_getDBRides() { return Expanded( child: FirebaseAnimatedList( query: dbRefNode, itemBuilder: (BuildContext context, DataSnapshot snapshot, Animation<double> animation, int index) { Map<dynamic, dynamic> rideData = {}; if (snapshot.value is Map<dynamic, dynamic>) { rideData = snapshot.value as Map<dynamic, dynamic>; } // 此时snapshot.key就是那个随机生成的子节点ID rideData['key'] = snapshot.key; print(rideData['key']); // 现在可以直接获取Color字段 print(rideData['Color']); return listItem(Rides: rideData); }, ), ); }
方案二:遍历当前快照的子节点(适合特殊场景)
如果不想修改查询路径,你可以在当前USER节点的快照里,遍历它所有的随机子节点,再逐个处理数据。但这种方式下FirebaseAnimatedList只会生成一个列表项,需要在listItem里再嵌套一个列表来展示所有子节点数据:
_getDBRides() { return Expanded( child: FirebaseAnimatedList( query: dbRefNode, itemBuilder: (BuildContext context, DataSnapshot snapshot, Animation<double> animation, int index) { // 这里的snapshot是USER节点,它的value是所有随机子节点的Map Map<dynamic, dynamic> allRides = {}; if (snapshot.value is Map<dynamic, dynamic>) { allRides = snapshot.value as Map<dynamic, dynamic>; } // 遍历所有随机子节点 return ListView.builder( shrinkWrap: true, physics: NeverScrollableScrollPhysics(), itemCount: allRides.length, itemBuilder: (ctx, idx) { String randomKey = allRides.keys.elementAt(idx); Map<dynamic, dynamic> rideData = allRides[randomKey]; rideData['key'] = randomKey; print(rideData['Color']); return listItem(Rides: rideData); }, ); }, ), ); }
关键说明
第一种方案更符合FirebaseAnimatedList的设计逻辑,能自动监听每个随机子节点的新增、修改和删除,实时更新列表;第二种方案需要手动处理子节点遍历,适合必须保持原查询路径的特殊场景。
内容的提问来源于stack exchange,提问作者Tiaan
相关产品推荐
相关产品推荐

