Flutter firebase_database 获取孩子

Question

您好，我想将实时数据库中的快照反序列化为 Company 对象并将其添加到 _companies 列表中。 但我不断收到错误...

这是我目前所拥有的：

  List<Company> _companies = [];
  @override
  void initState() {
    // TODO: implement initState
    super.initState();

    getItems().then((list){
      print("Now the list is here");

      setState(() {
        for (int i=0; i < list.length; i++) {
          Map<String, dynamic> map = list[i];

          Company company = new Company.fromMap(map);
          _companies.add(company);
        }
      });

    });
  }

  static Future<List> getItems( ) async {
    Completer<List> completer = new Completer<List>();

    FirebaseDatabase.instance
        .reference()
        .child("Companies")
        .once()
        .then( (DataSnapshot snapshot) {

      List map = snapshot.value; //It fails here
      completer.complete(map);
    } );

    return completer.future;
  }

这是我的公司课程：

class Company {
  String key;
  String category;
  String company_name;
  String company_url;
  String country;
  String description;
  String email;
  String faq_url;
  String instagram_url;
  String logo_url_image;
  String p_category;
  String parent_company_ok;
  String timestamp;

  Company();

  Company.fromSnapshot(DataSnapshot snapshot)
      : key = snapshot.key,
      category = snapshot.value['category'],
      company_name = snapshot.value['company_name'],
      company_url = snapshot.value['company_url'],
      country = snapshot.value['country'],
      description=  snapshot.value['description'],
      email = snapshot.value['email'],
      faq_url = snapshot.value['faq_url'],
      instagram_url = snapshot.value['instagram_url'],
      logo_url_image = snapshot.value['logo_url_image'],
      p_category = snapshot.value['p_category'],
      parent_company_ok = snapshot.value['parent_company_ok'],
      timestamp = snapshot.value['timestamp'];
}

然而，它在List map = snapshot.value; 的getItems( ) 中失败了。例外：_InternalLinkedHashMap<dynamic, dynamic>' is not a subtype of type 'List<dynamic>'

另外，如果有人可以提供在 List 小部件中显示孩子的代码，我会非常高兴 :)

这是我在 firebase 实时数据库中的数据结构：

Answer 1

正如错误消息所说，snapshot.value 不是一个列表，而是一个映射，因此 List map = snapshot.value; 行总是会失败。由于您正在从数据库中读取公司节点树，这将返回地图地图，例如 Map<String, Map<dynamic,dynamic>> 以及来自各个节点的所有数据。我将为您提供一个函数来解析您在 Company 对象中的 Json 数据，并且我将在源代码中留下一些 cmets 来尝试向您解释该过程。很简单。

List<Company> _parseData(DataSnapshot dataSnapshot) {
    List<Company> companyList =new List();

    // here you replace List map = snapshot.value with... dataSnapshot.val()
    Map<String, dynamic> mapOfMaps = Map.from( dataSnapshot.val() );
    //actually dynamic here is another Map, String are the keys like -LXuQmyuF7E... or LXuSkMdJX... 
   //of your picture example and dynamic other Map    

    //in next lines we will interate in all values of your map
    //remeber that the values are maps too, values has one map for each company. 
    //The values are Map<String, dynamic>
    //in this case String are keys like category, company_name, country, etc... 
    //and dynamics data like string, int, float, etc

    //parsing and adding each Company object to list
    mapOfMaps.values.forEach( (value) {
      companyList.add(
          //here you'll not use fromSnapshot to parse data,
          //i thing you got why we're not using fromSnapshot
          Company.fromJson( Map.from(value) )
      );
    });

    return companyList;

  }

请注意，当您读取特定公司时，您将使用 Company.fromSnapshot(snapshot) 你的数据库，类似...

// just to illustrate
var snapshot = await FirebaseDatabase.instance
      .reference()
      .child("Companies")
      .child(companyId).once();
Company.fromSnapshot( snapshot );

因为在这种情况下，snapshot.value 是单个映射。 另一件事是，看看你的 statefull 小部件中的 initState 方法，我不知道是否是一个好的 即使在 Future 执行之后，方法也会在 initState 方法中调用 setState。这只是一个建议。

Answer 2

snapshot.value 返回一个 Map 并且您正在使用 List 来存储它。也许这里最简单的解决方案是使用 var 类型来声明您的地图变量：

var map = snapshot.value;

但最好尽可能为变量设置类型。因此，在这种情况下，最好的选择是这样设置：

Map<dynamic, dynamic> map = snapshot.value;

查看 dart 的文档以提高您使用地图和列表的技能以及它们的工作原理Lists docsMaps docs