# Google's Flutter Tutorial- Easily Parse Complex JSON, Create JSON Model Classes, Show in ListView.
HTML-код
- Опубликовано: 24 мар 2020
- 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
oo bhai jaan bacha li bhai aapne sir ko dikhana tha yrr ye json data parse kar ke. Thank you bhai.
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!
This is just the kind of video I had been looking for all this time.
Another fantastic tutorial. Great stuff
Thank you so much. My life has just become easier because of this.
Thanks. Very clear tutorial.
You made my life much easier!
Thanks!
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.
Excellent
Thanks for the comment helped me alot
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.
Great to know that my video helped you. Thanks for watching.
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?
Very nice video sir 👍👌👍
Wow such a great stuff you have presented and saved my day. Thank you
Wow this is a great tutorial, I learned so much. Thanks!
Thanks. Very useful and clear explaination.
Amazing.
Thank you so much .Love from Kerala
Finally found the solution after hours of searching, thank you so much;
You are welcome
x2, thanks man
Perfect, awesome tutorial man
Great Great Man.!!!
thank you so much great tutorial
Thanks you bro,its awesome❤️
I was looking for the same video. no one explained it so nicely. thanks, man.
You are welcome
Thank you so much. Its helps me a lot. :)
Great and easy tutorial. I learned so much in this video and I just say thanks!
You are welcome
You save me! Thanks!
Thank you so much!!!!!!
Helpful
Thanks bro...!! really helpful video for freshers
THANKS FOR MAKING THIS TUTORIAL . PLEASE ALSO ADD ADD TO FAVORITES FUNCTION
Thank u very much!
you are doing a great Job, please keep on doing this great deed.
Thanks
Very helpful
Thank you very much...It was great...🙏🙏🙏
Thanks a lot !!!!
thank u very much bro
A video on using complex json with https and provider would be appreciated thank you !
thanks bro for making this video you helped me alot .
keep making such videos .............. :)
Thank a lot for this wonderful tutorial. :)
You are most welcome
Thank you so much ! Great Tutorial
You are welcome
Thanks 🙏
Thanks sir
Excellent Tutorial
Thankyou
Grate!
Thanks for the Video !!
You are welcome
You made my day. Very nice and easy-to-understand tutorial.
Glad to hear that
Thank you so much.
You are welcome
Thank you.
U r welcome
Awesome 👍
Thank you
thanks man
New video should be made considering null safety or the version/sdk should be restricted ( to down grade flutter ) right?
It's very useful to me..thank you
Good to hear that. Thanks
really easy explanation. Hope you make a video about other http methods like post, put, patch, delete etc.
Sure.
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 ?
Nice video. Could you please share your vscode settings. I like yours
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.
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?
You can add a check like this, if(address!=null) {User(
myAddress: List.from(json["address"].map((x) => address.fromJson(x))),}
Thank you too -great work, how about get a working Loader instead of the List while loading?
Thanks a lot
You are welcome
Do you have any videos that teach you how to pass information from RTDB (Complex) to a list of objects?
noob question, I also like to display the address, how can I do it?
help me: The argument type 'String' can't be assigned to the parameter type 'Uri'.
Please convert the string to uri using uri.parse
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.
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.
Yes bro iam aslo facing the same problem...
I really got irritated from this parsing methods...
@@demodemo9429 actually I solved this problem --- Try replacing "URL" with "Uri.parse(URL)" this will work, tell me if it does
please make a video of api cache example like dio http cache
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?
Thanks man, work just got easier. can you also do a complex json to api
thanks for the love.. keep up the simple tutorials
Sure
bhai wo hot reload and restart ke liye aapne kaun sa extension use kiya hai?
That is part of VScode
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?
You can edit the file.
what if i want to list data sorted with user with the most ratings or something like that
you have to manually sort it in front end which i wont recommend, get it sorted from backend.
Is there a json to Dart Converter with null safety supports Json Arrays
Sir I did not see your last video about Null Safety. Thanks a lot!
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??
You can access using the member variables in the Address class.
This is cool! Does it work with jsons with data that is constantly updating?
You may have to regenerate once.
how to display in scrollview the content
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?
I have the same problem. Has anyone found a solution?
Stop and reload
Have you found solution??
List users = usersFromJson(response.body); //users should be lowercase?
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 ?
Btw can you make video with Local JSON too ?
you can follow the same method for local json as well.
How can I access Geo inside Address ?
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"}
add .toList(), to the end, it will turn it into an array.
@@Snggle where should i add this?
Can you please show, how can you do the same with Null Safety...
what about local file ??
not https
This library github.com/k-paxian/dart-json-mapper has even less boilerplate and more features
namosan damet garm khiliiiiiiii khobe site ke gfti
How to call multiple strings of array in json.... please help us with the answer
Sorry, I couldn’t quietly understand your question. Could you please elaborate?
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 .
This video already showing nested object parsing. You can use same method for any object.
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.
Return type should be future
@@MobileProgrammer thank you.
how to show sub object json? :s
why my load _user.length is null :(
Can we call the api without using .then method and how
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.
@@MobileProgrammer can you provide me the code
I am using it in my other tutorials.
Response response = await your call
@@MobileProgrammer can you give me that tutorial links
My data don't show in my app. Sir
Please check the log and see if you have any parsing errors?
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?
Did you generate the JSON?
@@MobileProgrammer I added with " echo " and used str replace for fix format in flutter. Now it's working. Thanks, sir.
Cool
how to do it with local json files ?
You can follow the same method for local json as well.
@@MobileProgrammer yeah, i figured it out
Good to hear that.
@@sdshsjg HOW?!
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
Even I need a tutorial on this type of json i.e jsons starting with { instead if [
@@rakeshsharmao8369 did you found anything?
@@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())),
};
}
@@abdelrahmanabied5982 i already came with the solution, but thanks I really appreciate your help.
is anyone else getting a null list when the user is returned ?
Let me know if your issue is fixed or not?
@@MobileProgrammer yup it did
Cool
I'm getting a null list. how did you solve it?
data is not fetchable
Sorry, I don’t understand
How to handle the errors that comes there after
Sorry, I don’t understand what you are saying. Please explain. Thanks
@@MobileProgrammer the return in else and the return in the catch block will they return errors if there are errors?
No human would type complete statefull widget code, Reveal your Identity traitor(😝).
You should know the basics at the end of the day