# Google's Flutter Tutorial- Easily Parse Complex JSON, Create JSON Model Classes, Show in ListView.

Welcome to Flutter tutorial
This demo helps you to easily parse any complex JSON data in to Dart Model classe easily.
Proper Error Handling in Flutter
• #Google's Flutter Tuto...
Visit coderzheaven.com for more tutorials.
Please don't forget to LIKE, SUBSCRIBE & SHARE.
Please leave your valuable comments in the comment section below.
Thanks for watching.
Article & Source Code:
/ easily-parse-complex-j...
or
www.coderzheaven.com/2020/03/2...
Follow me on facebook
/ mobile-tutor-299932940...
Personal Facebook
/ contactvipinvijayan
Twitter
@mr_vipin_nair
More tutorials
coderzheaven.com
#fluttertutorials #flutterParseJson #flutterComplexJson

[@rootom2144]

oo bhai jaan bacha li bhai aapne sir ko dikhana tha yrr ye json data parse kar ke. Thank you bhai.

[@mehdihussain7483]

Wow, Thanks for this tutorial! I had been looking for hours on how to parse Complex JSON, and this tutorial was the only one I could find!

[@siddharthachatterjee9808]

This is just the kind of video I had been looking for all this time.

[@carlosalcaino]

Thank you so much. My life has just become easier because of this.

[@philiplartey19]

Another fantastic tutorial. Great stuff

[@fahadtahir6]

Wow such a great stuff you have presented and saved my day. Thank you

[@isururanawaka5839]

Thanks. Very clear tutorial.

[@llama7206]

Wow this is a great tutorial, I learned so much. Thanks!

[@viveks.]

I was looking for the same video. no one explained it so nicely. thanks, man.

[@MobileProgrammer]

You are welcome

[@EnglishwithYusif]

You made my life much easier!
Thanks!

[@dev_casper]

Thanks, man. I never followed any modal patterns. But due to the circumstances, I had to come to your video. And it looks like I loved the Modal pattern. Thank you so much for simplifying this. Your video not just taught me parsing JSON but using Modals as well.

[@MobileProgrammer]

Great to know that my video helped you. Thanks for watching.

[@yinkaadeniyi573]

Thanks for sharing,immediately i pasted the json map in the model class,i got bunches of error i cant resolve.Is there anything i can do?

[@leonvanrijswijk8409]

Thanks. Very useful and clear explaination.

[@sanketsheladiya3602]

Thanks bro...!! really helpful video for freshers

[@reshnuchandran6698]

Thank you so much .Love from Kerala

[@staid07]

Great video - very useful. In the try-catch part of the Services.dart file, I had to use return [ ]; instead of List(); Works fine after that.

[@MobileProgrammer]

Excellent

[@sacrafixe6822]

Thanks for the comment helped me alot

[@andrechagas8544]

Great and easy tutorial. I learned so much in this video and I just say thanks!

[@MobileProgrammer]

You are welcome

[@martinsuleman1329]

Perfect, awesome tutorial man

[@sterinsaji7310]

you are doing a great Job, please keep on doing this great deed.

[@MobileProgrammer]

Thanks

[@brightgupta9864]

Thank you so much. Its helps me a lot. :)

[@varadgauthankar]

Finally found the solution after hours of searching, thank you so much;

[@MobileProgrammer]

You are welcome

[@YeisonDev]

x2, thanks man

[@chaitanyadeshmukh7049]

thanks bro for making this video you helped me alot .
keep making such videos .............. :)

[@PRAMODYADAV-mk7ow]

THANKS FOR MAKING THIS TUTORIAL . PLEASE ALSO ADD ADD TO FAVORITES FUNCTION

[@princepatel4864]

Very nice video sir 👍👌👍

[@vipinvijayan7647]

Great Great Man.!!!

[@VJKoding]

Thanks you bro,its awesome❤️

[@igomaur4175]

thank you so much great tutorial

[@dasunupeshala4713]

Amazing.

[@tomqin3685]

You save me! Thanks!

[@nalinwijayasinghe]

Thank you very much...It was great...🙏🙏🙏

[@afrospike724]

A video on using complex json with https and provider would be appreciated thank you !

[@user-pan_roman]

Thank you so much!!!!!!

[@SaurabhSureshskytz]

Thank you so much ! Great Tutorial

[@MobileProgrammer]

You are welcome

[@learn_with_yvana]

You made my day. Very nice and easy-to-understand tutorial.

[@MobileProgrammer]

Glad to hear that

[@divyaratnabhanse4733]

Thanks a lot !!!!

[@Machiuka]

Thank a lot for this wonderful tutorial. :)

[@MobileProgrammer]

You are most welcome

[@thatsenam9183]

Very helpful

[@varanandasurya1272]

Helpful

[@rodriguenjountsop2848]

Thank u very much!

[@muhammedsanfar2989]

thank u very much bro

[@plug_tools]

Grate!

[@bharathshettigar5272]

Thanks sir

[@shivampokhriyal_]

Thanks for the Video !!

[@MobileProgrammer]

You are welcome

[@jameswatson1682]

Excellent Tutorial

[@MobileProgrammer]

Thankyou

[@raguramanpattusamy9245]

Thanks 🙏

[@payelpaul8175]

thanks man

[@emranimam92]

really easy explanation. Hope you make a video about other http methods like post, put, patch, delete etc.

[@MobileProgrammer]

Sure.

[@ganeshrajendran9325]

It's very useful to me..thank you

[@MobileProgrammer]

Good to hear that. Thanks

[@esirioneyibo]

Nice video. Could you please share your vscode settings. I like yours

[@prajwalpatil489]

Awesome 👍

[@MobileProgrammer]

Thank you

[@MichalBastrzyk]

Thank you so much.

[@MobileProgrammer]

You are welcome

[@TheZx9man]

Thank you too -great work, how about get a working Loader instead of the List while loading?

[@OshiNugs]

Thank you.

[@MobileProgrammer]

U r welcome

[@jastproo]

Could anyone tell me why it change from loading to user when he save the listview ,but not when he save _loading ? .... , or does it need something to trigger the varible to make the function in initstate to run.

[@user-pm9yi1kt5l]

How can we make json file with country, state and city names work as an api in flutter, so that aftef selecting country, corresponding states come and then corresponding cities ?

[@suportera2831]

Do you have any videos that teach you how to pass information from RTDB (Complex) to a list of objects?

[@mgmyo7066]

please make a video of api cache example like dio http cache

[@circket539]

Thanks a lot

[@MobileProgrammer]

You are welcome

[@ni_kabiu_john]

Thanks man, work just got easier. can you also do a complex json to api

[@ni_kabiu_john]

thanks for the love.. keep up the simple tutorials

[@MobileProgrammer]

Sure

[@rajansingla5516]

Thanks for providing the great content! This helps me a lot and saves my time too. I have one question,
how can we handle the empty fields in the model? Suppose if we get the address fields as null from the api then how can we handle that. The similar case I have stucked in my project. I have a api that contains message, statusCode and data of json type. This is in the case when I have a status code of 200, other than 200 I got values from api i.e. message, statusCode and responseType. So for the status code 200 how can I handle the responseType json because it will not in the response body when status code is 200?

[@vibhor1386]

You can add a check like this, if(address!=null) {User(
myAddress: List.from(json["address"].map((x) => address.fromJson(x))),}

[@vusumuzichikandi8450]

Hi, i have a completely unrelated problem with flutter that i wanted to know if you could help me with. I wasn't sure how else to contact you.

[@emoconfession11]

noob question, I also like to display the address, how can I do it?

[@chakrasudarsana5579]

Your flutter tutorial is really amazing to learn.But,i don't know How to read local multiple JSON file From assets folder and display data in flutter with Scroll down? Can you say how to do it?

[@hiteshreddy9807]

New video should be made considering null safety or the version/sdk should be restricted ( to down grade flutter ) right?

[@ozonewagle]

help me: The argument type 'String' can't be assigned to the parameter type 'Uri'.

[@MobileProgrammer]

Please convert the string to uri using uri.parse

[@haidersultan7030]

I am having some issues in my project, may be due to latest version of flutter. It would be a great help if you make a video in new version of flutter.

[@demodemo9429]

Yes bro iam aslo facing the same problem...
I really got irritated from this parsing methods...

[@haidersultan7030]

@@demodemo9429 actually I solved this problem --- Try replacing "URL" with "Uri.parse(URL)" this will work, tell me if it does

[@andika-xb9ie]

namosan damet garm khiliiiiiiii khobe site ke gfti

[@FestusMuberuka]

what if i want to list data sorted with user with the most ratings or something like that

[@MobileProgrammer]

you have to manually sort it in front end which i wont recommend, get it sorted from backend.

[@lehanmusthafa720]

Can you please show, how can you do the same with Null Safety...

[@rodrigoleche3751]

This is cool! Does it work with jsons with data that is constantly updating?

[@MobileProgrammer]

You may have to regenerate once.

[@rakeshsharmao8369]

Thanks for this beautiful tutorial. Very helpful and clearly explained. Json response starting with array works fine. Now some json responses start with braces i.e hash, Following this tutorial for json map gives error. Could you please explain it once. Eg: {"users": [{"name":"Rakesh","age":"25"}, {"name":"Test","age":"12"}], "last_visit_id": "121"}

[@Snggle]

add .toList(), to the end, it will turn it into an array.

[@varadgauthankar]

@@Snggle where should i add this?

[@AlexanderMazuruk]

This library github.com/k-paxian/dart-json-mapper has even less boilerplate and more features

[@chandrumurugan7441]

how to display in scrollview the content

[@Giigigi1122]

Cheers! Btw, If I have an ongoing data flow like user is updating their name. Is it possible to adjust only the user name in this case?

[@MobileProgrammer]

You can edit the file.

[@bugracakirr]

Is there a json to Dart Converter with null safety supports Json Arrays

[@bugracakirr]

Sir I did not see your last video about Null Safety. Thanks a lot!

[@DevMensIT]

How can I access Geo inside Address ?

[@muhammedaliallaf5076]

Thanks for this beautiful tutorial
Please... How can I Fetch the elements inside address?
You typed keyword.id for id
But for the elements inside address??

[@MobileProgrammer]

You can access using the member variables in the Address class.

[@arthursiloka7437]

Hi, this is great tutorial and easy to follow for beginners like me. I have reached 07:18 min in the video VS code is giving an error (Users usersFromJson(String str) A value of type 'Users' can't be assigned to a variable of type 'List'.) Am I missing something? How can I fix this error?

[@madgamersolid615]

I have the same problem. Has anyone found a solution?

[@xnycker]

Stop and reload

[@adriankadusza8342]

Have you found solution??

[@gloriachiang9435]

List users = usersFromJson(response.body); //users should be lowercase?

[@rootom2144]

bhai wo hot reload and restart ke liye aapne kaun sa extension use kiya hai?

[@MobileProgrammer]

That is part of VScode

[@user-mn8zx6zo5o]

what about local file ??
not https

[@rheniumgaming2492]

Your tutorial is amazing..! Thank you so much. But I'm stuck at 9:07 where you handle with ListTile. The first layer of my complex JSON is a list of car brands. Car brands class has brand name and list of models. how can i print car brands where you printed user names ?

[@rheniumgaming2492]

Btw can you make video with Local JSON too ?

[@MobileProgrammer]

you can follow the same method for local json as well.

[@wowcrafwonderland1674]

It was a such a great video, which I was searching for days.
But I am stuck in Services.dart file
I'm getting error in.....final List users= usersFromJson(response.body);
The error is .....A value of type 'User' can't be assigned to a variable of type List.

[@MobileProgrammer]

Return type should be future

[@wowcrafwonderland1674]

@@MobileProgrammer thank you.

[@demodemo9429]

Bro can u pls pls pls a new video parsing nested objects in flutter latest pls I tried many methods but none of them is working .

[@MobileProgrammer]

This video already showing nested object parsing. You can use same method for any object.

[@gerarddecod]

how to show sub object json? :s

[@anuradha7023]

How to call multiple strings of array in json.... please help us with the answer

[@MobileProgrammer]

Sorry, I couldn’t quietly understand your question. Could you please elaborate?

[@nguoidungkhac5756]

why my load _user.length is null :(

[@marchheroofbnk48]

My data don't show in my app. Sir

[@MobileProgrammer]

Please check the log and see if you have any parsing errors?

[@paulnoris4928]

It would be awesome if you made this with a real complex json example something with for example a product > toppings group > toppings:
{
"data": [
{
"identificador": 1,
"titulo": "assumenda",
"titulo_slug": "assumenda",
"detalles": "Exercitationem deleniti eaque aliquam repudiandae dolor consequuntur accusamus praesentium. Et et recusandae ipsam sequi nulla vel.",
"estado": "no disponible",
"imagen": "lm-api-prueba.esy.es/img/27.png",
"tienda": {
"identificador": 3,
"titulo": "Full House Burger",
"titulo_slug": "full-house-burger"
},
"medidas": {
"data": [
{
"identificador": 1,
"titulo": "molestiae",
"precio": "133",
"producto": 1
},
{
"identificador": 2,
"titulo": "qui",
"precio": "76",
"producto": 1
},
{
"identificador": 3,
"titulo": "nostrum",
"precio": "91",
"producto": 1
}
]
},
"grupo_ingredientes": {
"data": [
{
"identificador": 1,
"titulo": "occaecati",
"tipo": 1,
"producto": 1,
"ingredientes": {
"data": [
{
"identificador": 1,
"titulo": "nemo",
"precio": 10,
"grupo_ingredientes": 1
},
{
"identificador": 2,
"titulo": "eum",
"precio": 5,
"grupo_ingredientes": 1
},
{
"identificador": 3,
"titulo": "sequi",
"precio": 15,
"grupo_ingredientes": 1
}
]
}
},
{
"identificador": 2,
"titulo": "quae",
"tipo": 0,
"producto": 1,
"ingredientes": {
"data": [
{
"identificador": 4,
"titulo": "omnis",
"precio": 10,
"grupo_ingredientes": 2
},
{
"identificador": 5,
"titulo": "harum",
"precio": 5,
"grupo_ingredientes": 2
},
{
"identificador": 6,
"titulo": "qui",
"precio": 15,
"grupo_ingredientes": 2
}
]
}
},
{
"identificador": 3,
"titulo": "et",
"tipo": 0,
"producto": 1,
"ingredientes": {
"data": [
{
"identificador": 7,
"titulo": "debitis",
"precio": 5,
"grupo_ingredientes": 3
},
{
"identificador": 8,
"titulo": "voluptas",
"precio": 15,
"grupo_ingredientes": 3
},
{
"identificador": 9,
"titulo": "voluptatibus",
"precio": 15,
"grupo_ingredientes": 3
}
]
}
},
{
"identificador": 4,
"titulo": "error",
"tipo": 0,
"producto": 1,
"ingredientes": {
"data": [
{
"identificador": 10,
"titulo": "quis",
"precio": 5,
"grupo_ingredientes": 4
},
{
"identificador": 11,
"titulo": "libero",
"precio": 0,
"grupo_ingredientes": 4
}
]
}
}
]
}
},
por example this is only a product, and it have to have multiple models

[@rakeshsharmao8369]

Even I need a tutorial on this type of json i.e jsons starting with { instead if [

[@varadgauthankar]

@@rakeshsharmao8369 did you found anything?

[@abdelrahmanabied5982]

@@varadgauthankar
class Products {
Products({
this.data,
});
List data;
factory Products.fromJson(Map json) => Products(
data: List.from(json["data"].map((x) => Datum.fromJson(x))),
);
Map toJson() => {
"data": List.from(data.map((x) => x.toJson())),
};
}

[@varadgauthankar]

@@abdelrahmanabied5982 i already came with the solution, but thanks I really appreciate your help.

[@mergenvadisi2675]

it's not working for me, sir. I have json data without " [ " " ] " symbols.Could it be because of this? There is no error but data is not coming. If it is, how can i fix my json data?

[@MobileProgrammer]

Did you generate the JSON?

[@mergenvadisi2675]

​@@MobileProgrammer I added with " echo " and used str replace for fix format in flutter. Now it's working. Thanks, sir.

[@MobileProgrammer]

Cool

[@afrospike724]

is anyone else getting a null list when the user is returned ?

[@MobileProgrammer]

Let me know if your issue is fixed or not?

[@afrospike724]

@@MobileProgrammer yup it did

[@MobileProgrammer]

Cool

[@taskuratulriva8657]

I'm getting a null list. how did you solve it?

[@wavemusic7153]

Can we call the api without using .then method and how

[@MobileProgrammer]

Yes of course. This is one way. You can use await in front of the calling method when you use it and assign it to your response. That would be much cleaner.

[@wavemusic7153]

@@MobileProgrammer can you provide me the code

[@MobileProgrammer]

I am using it in my other tutorials.
Response response = await your call

[@wavemusic7153]

@@MobileProgrammer can you give me that tutorial links

[@karamatsubhani1368]

data is not fetchable

[@MobileProgrammer]

Sorry, I don’t understand

[@sdshsjg]

how to do it with local json files ?

[@MobileProgrammer]

You can follow the same method for local json as well.

[@sdshsjg]

@@MobileProgrammer yeah, i figured it out

[@MobileProgrammer]

Good to hear that.

[@SamirJzVFX]

@@sdshsjg HOW?!

[@ishimwesamuel8737]

How to handle the errors that comes there after

[@MobileProgrammer]

Sorry, I don’t understand what you are saying. Please explain. Thanks

[@ishimwesamuel8737]

@@MobileProgrammer the return in else and the return in the catch block will they return errors if there are errors?

[@HarshKumar-qw5ou]

No human would type complete statefull widget code, Reveal your Identity traitor(😝).

[@MobileProgrammer]

You should know the basics at the end of the day