如何从 Firebase 实时数据库中读取数据？答案

【问题标题】：How to Read Data From Firebase Realtime Database?如何从 Firebase 实时数据库中读取数据？
【发布时间】：2021-07-18 11:34:13
【问题描述】：

我正在尝试从我的 Flutter 应用程序中的 firebase 实时数据库中读取数据并将其分配给模型类，但是我在控制台中收到以下错误。

E/flutter ( 9052): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: NoSuchMethodError: Class 'List<dynamic>' has no instance getter 'keys'.
E/flutter ( 9052): Receiver: _List len:3
E/flutter ( 9052): Tried calling: keys
E/flutter ( 9052): #0      Object.noSuchMethod (dart:core-patch/object_patch.dart:54:5)
E/flutter ( 9052): #1      _MyHomePageState.initState.<anonymous closure> (package:app/main.dart:64:27)
E/flutter ( 9052): #2      _rootRunUnary (dart:async/zone.dart:1362:47)
E/flutter ( 9052): #3      _CustomZone.runUnary (dart:async/zone.dart:1265:19)
E/flutter ( 9052): #4      _FutureListener.handleValue (dart:async/future_impl.dart:152:18)
E/flutter ( 9052): #5      Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:704:45)
E/flutter ( 9052): #6      Future._propagateToListeners (dart:async/future_impl.dart:733:32)
E/flutter ( 9052): #7      Future._completeWithValue (dart:async/future_impl.dart:539:5)
E/flutter ( 9052): #8      _completeOnAsyncReturn (dart:async-patch/async_patch.dart:254:13)
E/flutter ( 9052): #9      Query.once (package:firebase_database/src/query.dart)
E/flutter ( 9052): <asynchronous suspension>

以下是我目前完成的代码

员工类

class Employee {

  final String id;
  final String name;
  final String email;
  final String emp_id;

  const Employee({this.id,this.name,this.email,this.emp_id});
}

主类

import 'dart:convert';

import 'package:firebase_database/firebase_database.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:shimmer/shimmer.dart';
import 'Employee.dart';



class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,

      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
 List <Employee> myAllData = [];
   
  @override
  void initState() {
  super.initState();
    DatabaseReference ref = FirebaseDatabase.instance.reference();
    ref.child('employee').once().then((DataSnapshot snap){
    var keys = snap.value.keys;
      var data = snap.value;
        for (var key in keys){
          Employee d = new Employee(
            id : data [key]['id'],
            name : data[key]['name'],
            email : data[key]['email'],
            emp_id: data[key]['emp_id']
          );
          myAllData.add(d);
        }


      setState(() {
       print('Length : ${myAllData.length}');
      });
    });

   }
  @override
  Widget build(BuildContext context) {

    return Scaffold(
      );
  }

}

我无法弄清楚我做错了什么，请帮助我解决问题

【问题讨论】：

错误似乎很明显。你打电话给var keys = snap.value.keys;，而snap.value 上没有keys。你认为snap.value 是什么类型的？您是否在调试器中运行代码来验证预期？
您在问题中包含了 JSON 树的图片。请将其替换为实际的 JSON 作为文本，您可以通过单击 your Firebase Database console 的溢出菜单 (⠇) 中的 Export JSON 链接轻松获得。将 JSON 作为文本使其可搜索，让我们可以轻松地使用它来测试您的实际数据并在我们的答案中使用它，一般来说这只是一件好事。

标签： android firebase flutter dart firebase-realtime-database

【解决方案1】：

我有同样的问题。
基本上，我们在这里尝试从 DB 访问所有文档 ID，并使用该 ID 使用我们的 UserModel 将所有数据存储在 List 中。
问题是我们无法访问这些文档 ID。
解决问题 像这样更改 initState() 方法。

    @override
  void initState() {
  super.initState();
    final ref = FirebaseDatabase.instance.ref().child('employee');

    ref.once().then((snap){
  //TO retrieve all the documents from collection
  dynamic keys = snap.snapshot.value;
  //To get only the document IDs of all documents.
  dynamic KEYS = keys.keys;

  dynamic data = snap.snapshot.value;
        for (var key in KEYS){
          Employee d = new Employee(
            id : data [key]['id'],
            name : data[key]['name'],
            email : data[key]['email'],
            emp_id: data[key]['emp_id']
          );
          myAllData.add(d);
        }


      setState(() {
       print('Length : ${myAllData.length}');
      });
    });

谢谢！

【讨论】：

【解决方案2】：

错误似乎很明显。您正在呼叫var keys = snap.value.keys;，而snap.value 上没有keys。由此看来，您似乎认为snap.value 是Map object，事实并非如此。

从你的数据结构来看，snap.value实际上是List object的可能性更大。

这是因为 Firebase 解释具有顺序的对象，数字键是数组。如果确实如此（您可以通过在调试器中运行代码轻松验证这一点），您可以使用以下命令遍历列表：

for (var child in snap.value){

另见：

Best Practices: Arrays in Firebase.

【讨论】：