How to read local json file in flutter & show json data in listview builder

Рет қаралды 45,617

3 жыл бұрын

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...

Пікірлер: 78

@vvnavra 2 жыл бұрын

The tutorial I needed

@learningcurious5845 2 жыл бұрын

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.

@elquenoaplica3975 2 жыл бұрын

Great tutorial and explanation. Thanks

@mohammedahmed-wj8by Жыл бұрын

This is the best free software Ive seen. Respect.

@faang29488 2 жыл бұрын

thanks man, you helped me a lot. i don't even know, where are you living, but, man, god bless you

@Mohammed-sg4tr Жыл бұрын

That's very good, thank you

@NuwanThisara 2 жыл бұрын

This helped me to understand the concept. thank you

@ProtoCodersPoint 2 жыл бұрын

Welcome 🤗

@mahimeena6427 3 жыл бұрын

Good Explanation Man !! Doubts got cleared .

@ProtoCodersPoint 3 жыл бұрын

Thanks 😊, always happy to help

@riku402 Жыл бұрын

thanks, this helped me

@diogosequeira4873 2 жыл бұрын

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!!

@ProtoCodersPoint 2 жыл бұрын

Yes you are right, Thanks for the Tip I will work on it and improve myself to teach beginner in better and clean way..

@yerraguntavijayachandrared7769 2 жыл бұрын

@@ProtoCodersPoint where is services.dart file??

@xabibullohxalilov682 2 жыл бұрын

thank you broo

@nandarafi4294 4 ай бұрын

thanks, you are my savior, you give the source code too, god bless you man

@ProtoCodersPoint 4 ай бұрын

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!

@vinayghadigaonkar8215 2 жыл бұрын

Thank you, brother.

@ProtoCodersPoint 2 жыл бұрын

You are very welcome

@Amankumar_Raone Жыл бұрын

great video nyc explaination

@ProtoCodersPoint Жыл бұрын

Thanks and welcome 😍

@kolambiinarula9857 Жыл бұрын

thanks

@rutugabani 3 ай бұрын

thank you so much

@ProtoCodersPoint 3 ай бұрын

You're welcome!

@ezimaxtech 3 жыл бұрын

Nice sharing

@ProtoCodersPoint 3 жыл бұрын

Thanks for liking

@mdshahed5364 2 жыл бұрын

I have question Isn't we have to call the getuser function in statstate method

@sachinmittal65 2 жыл бұрын

can we use file like product .dart instead of .json file?

@daviddzgoev9024 3 жыл бұрын

Thanks 😊

@ProtoCodersPoint 3 жыл бұрын

You’re welcome 😉 Always happy to help

@codinggoIndonesia 2 жыл бұрын

thank you

@ProtoCodersPoint 2 жыл бұрын

Welcome 🤗

@aidaaqilahmohdzin5542 2 жыл бұрын

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?

@gggg-no6rm 2 жыл бұрын

if I went to press in the item and show all item details how i will doit ?????

@santoshsharma-ni9zo 2 жыл бұрын

Please make a video on real api fetching ...I mean all concept on api integration

@nikhilkumarjamwal5322 Жыл бұрын

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?

@ProtoCodersPoint Жыл бұрын

Sure

@kapilpatidar1099 2 жыл бұрын

i am getting error while importing "import 'package:read_json_file/ProductDataModel.dart'; ", pls guide

@hemantchauhan6437 Жыл бұрын

I have used image path in place of url. will that work? .If yes then how we will write it to display

@parfaittapsoba754 2 жыл бұрын

Good video ! Just improve the sound quality ...

@ProtoCodersPoint 2 жыл бұрын

Thanks

@Aadidev7530 Жыл бұрын

Can we convert json files into photos or videos

@Vin_5898 2 жыл бұрын

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"

@ProtoCodersPoint 2 жыл бұрын

Yes, you can I will share you the code soon

@Vin_5898 2 жыл бұрын

@@ProtoCodersPoint thank you sir

@ProtoCodersPoint 2 жыл бұрын

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

@Vin_5898 2 жыл бұрын

@@ProtoCodersPoint Thank you sir it worked

@Vin_5898 2 жыл бұрын

@@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??

@faisalhukkeri6793 2 жыл бұрын

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

@faisalhukkeri6793 2 жыл бұрын

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

@ProtoCodersPoint 2 жыл бұрын

Ok ✅ I will try to make a video tutorial asap

@faisalhukkeri6793 2 жыл бұрын

Update: I found a way to integrate it. Thank you for responding 🙂🤜🏼🤛🏼

@ProtoCodersPoint 2 жыл бұрын

@@faisalhukkeri6793 oh that’s great 😃

@vishruta9761 2 жыл бұрын

what if I want a grid view instead of list view?

@ProtoCodersPoint 2 жыл бұрын

U can use flutter GridView Do you want the tutorial on gridview in flutter?

@krutikabaraskar4211 11 ай бұрын

I'm having error on images

@aadhithiyasrivatsan Жыл бұрын

Kindly tell, how to insert the same in SQFLite table... That would be great....

@ProtoCodersPoint Жыл бұрын

Sure, I will create a video on same as soon as possible.

@aadhithiyasrivatsan Жыл бұрын

@@ProtoCodersPoint thanks for the quick response.... Kindly do asap....

@aadhithiyasrivatsan Жыл бұрын

You are the only video on internet... Who have used offline json... Glad that I found you.... Wish you all the best...

@BrYarDJ 2 жыл бұрын

nice bro how if image not url and also local ?

@ProtoCodersPoint 2 жыл бұрын

Sorry, I did not got your question Say again

@BrYarDJ 2 жыл бұрын

@@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

@ProtoCodersPoint 2 жыл бұрын

Use image.asset(‘asset image path ’)

@BrYarDJ 2 жыл бұрын

@@ProtoCodersPoint thanks

@vayugnath1358 2 жыл бұрын

Any link to source?

@ProtoCodersPoint 2 жыл бұрын

Check description bro

@vayugnath1358 2 жыл бұрын

@@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

@ProtoCodersPoint 2 жыл бұрын

Check it protocoderspoint.com/read-json-file-assets-flutter-display-data-listview/

@ProtoCodersPoint 2 жыл бұрын

@@vayugnath1358 I already make a video on same concept but it's not exactly same as you requested Check it out kzfaq.info/get/bejne/e96Xg8KEptnJfmw.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

@mdshahed5364 2 жыл бұрын

A lot of problem in your code

@ProtoCodersPoint 2 жыл бұрын

Share the problem you faced

@mdshahed5364 2 жыл бұрын

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 "

@JOc17KER Жыл бұрын

@@mdshahed5364 i got same problem, how to solve it?