Converting JSON to Dart Classes

This tutorial shows you how to convert complex JSON response objects into a class structure in dart. We break down some of the most common examples of converting JSON to class structure as well as how to deal with nested class structures.

For more weekly Flutter content be sure to Subscribe to the Channel!

If you have any questions or are needing help with your Flutter project, join the Bleyl Dev discord and connect with other Flutter developers to help answer your questions!

[kennyn.]

Just in time that I got stuck with nested object in dart class. Glad I found your tutorial. Thanks for sharing

[Machiuka]

Awesome tutorial. It explains a lot about this complicated (for me anyway) topic. Thank you for sharing!

[ItsLarry]

Best flutter and dart Chanel keep it up

[mundocustom]

Great explanation, thanks for share buddy

[AshutoshKumar-jlvu]

hey, this one's the best explanation. Thanks

[aritrasanyal]

Thanks Bleyl Dev for this video, was kinda stuck with json_serializable unable to decode and all the instances were null for some reason

[andrevini]

I dont now why, when I use a jsonDecode, instead of receiving a Map<String, dynamic> I recieve a List<dynamic>, and I dont know what to do with it, anyone know why and what to do ?

[StarBattle]

why are you using the toString() method when printing?

[aakashchandrakar]

How to Fetch Subcollecation in New FirebaseFirestore in Flutter App Pls help

[AhmadRifai-eyuo]

plz show how to format number from API in datacell dart with thousand separator

[tameflame]

Why use a factory constructor? Sorry if silly question

[BillBrutzman]

Thanks. Helpful but _ I have json from API from SQL _ several records _ I am trying to inject into a Flutter dataTable. A single data element helps but _

[patricksingrin]

Thanks for the nice tutorial. Everything worked well for me until I tried another json. I’m trying to get the values for ‚projectName‘ & ‚clientName‘. I get an error back:

Error: Expected a value of type 'Map<String, dynamic>', but got one of type 'List<dynamic>'

The class looks like this:

---
import

class ItemsData {
final FieldsData fieldsdata;

ItemsData({this.fieldsdata});

factory ItemsData.fromJson(Map<String, dynamic> json) {

return ItemsData(
fieldsdata: FieldsData.fromjson(json['items']),
);
}
}
---
The FieldsData class looks basically the same.

My guess is it’s because of the ‚items‘ structure. Sadly I couldn’t figure out how to solve it. I know it's probably hard to troubleshoot random code snippets but maybe you have an idea or can give me a hint. I would appreciate it.

My json basically looks like this:

{
"sys": {
"type": "Array"
},
"total": 11,
"skip": 0,
"limit": 100,

"items": [
{},
{
"sys": {},

"fields": {
"projectName": "Hello World!",
"clientName": „World Inc“,

"projectRoles": []
}
},
}

[memechallenge]

What if you have more than one coin.... how to store that data in a list of objects

[achmadirfanda]

hello world, did you know how to convert hash value (password) to string in dart?

[memechallenge]

You have few comments yet you don’t reply lol