使用Flutter从Firebase DataSnapshot获取嵌套的JSON

时间:2019-03-06 22:04:10

标签: json firebase-realtime-database dart flutter

我将flutter与package firebase_database一起使用。加上代码

final FirebaseDatabase _database = FirebaseDatabase.instance;

@override
void initState() {
  super.initState();
  _newsList = new List();

  _newsQuery = _database
     .reference()
     .child('news')
     .orderByChild('published')
     .limitToFirst(10);

  _newsQuery.onChildAdded.listen(_onEntryAdded);
}

_onEntryAdded(Event event) {
  setState(() {
    News n = News.fromSnapshot(event.snapshot);
    _newsList.add(n);
  });
}

我得到所有查询项目的理想清单_newsList。新闻课是

 import 'package:firebase_database/firebase_database.dart';

 class News {
   String key;
   String image;
   String text;
   String title;
   String published;

   News(this.image, this.text, this.published);

   News.fromSnapshot(DataSnapshot snapshot) :
     key = snapshot.key,
     text = snapshot.value["text"],
     title = snapshot.value["title"],
     image = snapshot.value["image"],
     published = snapshot.value["published"];

   toJson() {
     return {
     "image": image,
     "text": text,
     "title": title,
     "published": published,
   };
  }
}

数据库中的json-结构为:

database
|__news
    |__post1
    |    |__text: "Lorem ipsum"
    |    |__title: "Title of post"
    |
    |__post2
         |__ ...

现在我想从数据库中加载嵌套的json-结构

database
|__news
    |__category1
    |    |
    |    |__post1
    |    |    |__text: "Lorem ipsum 1"
    |    |    |__title: "Title of post1"
    |    |__post2
    |    |    |__text: "Lorem ipsum 2"
    |    |    |__title: "Title of post2"
    |    |__description: "description text"
    |    |__id: "id of category"
    |    .
    |    .
    |
    |__category2
    |    |
    |    |__post34
    |    |    |__text: "Lorem ipsum 34"
    |    |    |__title: "Title of post34"
    |    .
    |    .

我尝试找到一种将嵌套DataSnapshots加载到类中的解决方案,但我总是会遇到异常。我到目前为止尝试过的最好的代码是

 class News {
   final List<Category> categories;

   News({this.categories});

   factory News.fromSnapshot(DataSnapshot snapshot) {

   List<dynamic> listS = snapshot.value;

   listS.forEach((value) =>
     print('V $value')
   );

   List<Category> list = listS.map((i) => Category.fromJson(i)).toList();

   return News(
     categories: list
   );

 }

但这会引发异常

E / flutter(5882):[错误:flutter / lib / ui / ui_dart_state.cc(148)]未处理的异常:类型'_InternalLinkedHashMap'不是类型'Map'的子类型 E / flutter(5882):#0新News.fromSnapshot。 (package:app / models / news.dart:23:55) E / flutter(5882):#1 MappedListIterable.elementAt(dart:_internal / iterable.dart:414:29) E / flutter(5882):#2 ListIterable.toList(dart:_internal / iterable.dart:219:19)

我在flutter和dart中没有找到使用DataSnapshot加载嵌套json的代码示例。您知道任何代码示例吗?

如果您想查看我的完整代码,请查看https://github.com/matthiaw/gbh_app。无效的部分是日历中https://github.com/matthiaw/gbh_app/blob/4de0f20f6162801db86ef6644609829c27a4dd76/lib/models/calendar.dart

中的嵌套json

1 个答案:

答案 0 :(得分:2)

我也在研究如何使用Cloud Firestore处理Flutter中的嵌套json对象,并找到了您的帖子。当我解决问题时,也许它也对您有帮助:在我的模型的“ fromJson”工厂中,在将其添加到模型之前,我必须使用jsonEncode和jsonDecode解析列表中的每个元素。

在DatabaseService中:

Future<LocationRecordings> getLocationRecordings(String location) async {
 DocumentReference document = locationRecordingsCollection.document((location));

 DocumentSnapshot documentSnapshot =  await document.get();
 var data = LocationRecordings.fromJson(documentSnapshot.data);
 return data;
}

在模型中:

factory LocationRecordings.fromJson(Map<String, dynamic> json) {
 List<Recording> recList = [];

 List<dynamic>.from(json['recordings']).forEach((content) {
      Recording recording = Recording.fromJson(jsonDecode(jsonEncode(content)));
      recList.add(recording);
   });
 return new LocationRecordings(recordings: recList, state: json['state']);
}