How to read local json file in flutter & show json data in listview builder
Vložit
- čas přidán 29. 06. 2021
- Was this Tutorial helpful? Spread Motivation on me by supporting paypal.me/RajatPalankar #flutter #json #flutterdev
Hi Guys Welcome to Proto Coders Point.
In this flutter Tutorial we will learn how to read a local json file in flutter, how to parse a json file, how to fetch data from json file and then display the json data in flutter listview builder.
Source Code : protocoderspoint.com/read-jso...
or
github.com/RajatPalankar8/rea...
productlist.json file download from here: github.com/RajatPalankar8/rea...
Comment below for any queries 😀
Follow and support me:
🐦 Twitter: / rajatpalankar
💬 Facebook: / protocoderspoint
💸 Instagram: / protocoderspoint
Be sure to ask for help in the comments if you need any. Suggestions for future Flutter tutorials are also very welcome! :)
For mobile application development keep learning freely from proto coders point
Visit: protocoderspoint.com/
readjsondata,
fromjson,
rootbundle,
loadString
json data,
flutter json
json decode .
.
Support Proto Coders Point: www.buymeacoffee.com/rajatpal...
well explained and worked fine with my json file thank you so much for this video. hope to see more videos like this from you.
The tutorial I needed
Great Lesson.❤🙂 you are save me. This lesson was helpfull for my project.❤❤❤ Thank you so much Sir❤️❤️❤️
It's my pleasure
Great tutorial and explanation.
Thanks
This is the best free software Ive seen. Respect.
thanks man, you helped me a lot. i don't even know, where are you living, but, man, god bless you
Hi, good explanation and nice video.
If I can leave a quick tip, you should pay attention to naming conventions in functions and file names, for example ReadJsonData() should be start lower case, and file name should product_data_model.
This can encourage new flutter developers to follow good coding principles.
Thanks!!
Yes you are right, Thanks for the Tip
I will work on it and improve myself to teach beginner in better and clean way..
@@ProtoCodersPoint where is services.dart file??
Good Explanation Man !! Doubts got cleared .
Thanks 😊, always happy to help
This helped me to understand the concept. thank you
Welcome 🤗
That's very good, thank you
thanks, this helped me
thanks, you are my savior, you give the source code too, god bless you man
You're welcome! I'm here to help with any questions you have. If you need assistance with code or have specific questions, feel free to ask!
great video nyc explaination
Thanks and welcome 😍
Thank you, brother.
You are very welcome
thank you broo
Nice sharing
Thanks for liking
thank you so much
You're welcome!
thanks
Thanks 😊
You’re welcome 😉
Always happy to help
Please make a video on real api fetching ...I mean all concept on api integration
thank you, this helps me a lot. But for example, if i want to add audio, it means i can just input the link in the json file?
can we use file like product .dart instead of .json file?
thank you
Welcome 🤗
Nice Explanation.
Can you also make a video on how to write data on json file and read it and use the data in flutter application?
Sure
I have question Isn't we have to call the getuser function in statstate method
Good video !
Just improve the sound quality ...
Thanks
I have used image path in place of url. will that work? .If yes then how we will write it to display
if I went to press in the item and show all item details how i will doit ?????
i am getting error while importing "import 'package:read_json_file/ProductDataModel.dart'; ", pls guide
I cant load image from https get request. What is the reason for that?
Can we convert json files into photos or videos
thank you sir for great tutorial but I've a ques what if we create a image folder inside the assets folder and store our images then how we can get those images using json file...suppose assets/image/shoes.jpg and in the json file "image" : "assets/img/shoes.jpg"
Yes, you can
I will share you the code soon
@@ProtoCodersPoint thank you sir
In this video tutorial we have json file which have imageurl to show image from internet
instead of that you must define, in json the path of your assets folder Image like this "image": "assets/img/shoes.jpg"
and then in Flutter Code make use of
Image.asset(items[index].image.toString()),
instead of NetworkImage
That's it
@@ProtoCodersPoint Thank you sir it worked
@@ProtoCodersPoint sir i've one more ques I wanted to play audio when we tap on the one of the item in the list view using same code (title + image + audio) using json file how we can do that??
Kindly tell, how to insert the same in SQFLite table... That would be great....
Sure, I will create a video on same as soon as possible.
@@ProtoCodersPoint thanks for the quick response.... Kindly do asap....
You are the only video on internet... Who have used offline json... Glad that I found you.... Wish you all the best...
i have a json file for user signup
how can i integrate it
i dont think there's a need to make a model
bcoz theres no need to save user info
I've tried few videos for past 4 days, none of them work
and there's no video tutorial in which they are using json signup api files
Ok ✅ I will try to make a video tutorial asap
Update: I found a way to integrate it.
Thank you for responding 🙂🤜🏼🤛🏼
@@faisalhukkeri6793 oh that’s great 😃
what if I want a grid view instead of list view?
U can use flutter GridView
Do you want the tutorial on gridview in flutter?
I'm having error on images
nice bro how if image not url and also local ?
Sorry, I did not got your question
Say again
@@ProtoCodersPoint ok, i mean how can use image assets in place URL, i mean if i have image in assets not i have url, how can use there, How do I call the image in place url, i hope you understand, thanks
Use
image.asset(‘asset image path ’)
@@ProtoCodersPoint thanks
Any link to source?
Check description bro
@@ProtoCodersPoint I dont see it.. honestly. Don't mind it though. Good job with this one :) Can you make a tutorial on how to read into a json file from an app and store it, and read it back as a list or something
Check it
protocoderspoint.com/read-json-file-assets-flutter-display-data-listview/
@@vayugnath1358 I already make a video on same concept but it's not exactly same as you requested
Check it out czcams.com/video/ExgP_SAseN8/video.html
Learn from this video and apply your logic
if you are not able to do tell me
I will soon make a video on the same
A lot of problem in your code
Share the problem you faced
it’s showing a null error "Expected a value type list datamodel but it gone type null and you have to use late keyword in the class property "
@@mdshahed5364 i got same problem, how to solve it?