{"id":878,"date":"2021-05-10T00:07:35","date_gmt":"2021-05-09T22:07:35","guid":{"rendered":"https:\/\/fileidea.com\/?p=878"},"modified":"2021-05-10T00:09:11","modified_gmt":"2021-05-09T22:09:11","slug":"map-firestore-documents-in-flutter","status":"publish","type":"post","link":"https:\/\/fileidea.com\/2021\/05\/10\/map-firestore-documents-in-flutter\/","title":{"rendered":"Map Firestore documents in Flutter"},"content":{"rendered":"\n<p>Map Firestore documents in Flutter into a custom object can be tricky, but it doesn&#8217;t have to be. Let&#8217;s say you have a firestore collection query like this inside your <strong>initState <\/strong>for listening on changes from a collection:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: java; title: ; notranslate\" title=\"\">\n@override\n  void initState() {\n    super.initState();\n\n    talksStream = firestore\n        .collection(&quot;talks&quot;)\n        .where(&quot;active&quot;, isEqualTo: true)\n        .snapshots()\n        .listen((event) {\n      updateincomingTalks(event.docs);\n    });\n  }\n<\/pre><\/div>\n\n\n<p>Then you have a function like this to handle each document in a map function<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: java; title: ; notranslate\" title=\"\">\n  updateincomingTalks(\n      List&lt;QueryDocumentSnapshot&lt;Map&lt;String, dynamic&gt;&gt;&gt; eventDocs) {\n    setState(() {\n      incomingTalks = eventDocs.length.toString();\n      if (eventDocs.length &gt; 0) {\n        eventDocs.map((element) {\n          return (TalkSession.fromJson(element.data()));\n        }).toList();\n      }\n    });\n  }\n<\/pre><\/div>\n\n\n<p>My <strong>TalkSession <\/strong>class is a class I made which reflects the documents in the firestore collection. Having <strong>fromJson <\/strong>and <strong>toJson<\/strong> functions saves a lot of time when wanting to create or map into custom objects. <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: java; title: ; notranslate\" title=\"\">\nimport 'package:cloud_firestore\/cloud_firestore.dart';\n\nclass TalkSession {\n  final String createdbyuid;\n  final String createdbyname;\n  final String searchertype;\n  final bool matched;\n\n  final Timestamp created;\n\n  late String id;\n  late bool active;\n\n  TalkSession(this.createdbyuid, this.createdbyname, this.searchertype,\n      this.matched, this.active, this.created);\n\n  TalkSession.fromJson(Map&lt;String, dynamic&gt; json)\n      : createdbyuid = json&#x5B;'createdbyuid'],\n        createdbyname = json&#x5B;'createdbyname'],\n        matched = json&#x5B;'matched'],\n        active = json&#x5B;'active'],\n        searchertype = json&#x5B;'searchertype'],\n        created = json&#x5B;'created'];\n\n  Map&lt;String, dynamic&gt; toJson() =&gt; {\n        'createdbyuid': createdbyuid,\n        'createdbyname': createdbyname,\n        'matched': matched,\n        'searchertype': searchertype,\n        'active': active,\n        'created': created\n      };\n}\n\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"<p>Map Firestore documents in Flutter into a custom object can be tricky, but it doesn&#8217;t have to be. Let&#8217;s say you have a firestore collection query like this inside your initState for listening on changes from a collection: Then you have a function like this to handle each document in a map function My TalkSession &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/fileidea.com\/2021\/05\/10\/map-firestore-documents-in-flutter\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Map Firestore documents in Flutter&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[53,10,19],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts\/878"}],"collection":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/comments?post=878"}],"version-history":[{"count":0,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts\/878\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/media\/843"}],"wp:attachment":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/media?parent=878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/categories?post=878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/tags?post=878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}