Flutter - How to make an Http Request, decode the Response in JSON and Show it in a ListView
ฝัง
- เผยแพร่เมื่อ 16 ก.ย. 2024
- In this Flutter tutorial we are going to see how to make an Http GET Request, decode the Response in JSON format and display the data we get in a ListView.builder.
Thank you for offering me a good italian coffe: paypal.me/flut...
Source file: github.com/ove...
REQ | RES: reqres.in/
Flutter is Google’s mobile app SDK for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source (flutter.io/)
IntelliJ IDEA: www.jetbrains....
Music:
Happy by MBB / mbbofficial
Creative Commons - Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0
creativecommons....
Music promoted by Audio Library • Happy - MBB (No Copyri...
Amazing tutorial, now I finally can make some database operations in flutter.
Honestly I had thought it would be harder in flutter than in 'native android', but with a simple and effective tutorial like this I noticed I was really wrong
if every flutter tutorials were like this one, it would be easier to learn it, because most of tutorials explain a easy thing in a hard way
thanks for this amazing tutorial
Hey thanks, this is just what I need, I just started to use flutter and if I search somewhere else is just to complicated for beginners and dont even talk about what the code is doing. Thanks man for the great tutorial video.
Thank you very much for your kind words dear 😊
Very simple and easy to understand
Excellent video. Within first attempt, I understood the JSON parsing concept in Flutter. Thanks for this video.
It's amazing the way you teach it and the speed👍❤️
the result is so amazing
SAVE MY DAY.Thank you so much!I can stop crying alone in my room
Thank you for you video. It made me understand how incredily Flutter is... i'm an Android Java and Swift iOS native developer, im thinking about learn and develop in flutter... this video
Awesome bro.
Now I completely understand how to use API in our app. Thanks man😊
hey! even this tutorial have no voice instruction but this one is awesome! great job bro
@flutterEnthusiast i saw a many tutorial but your video are perfext for learning
"it's amazing, fast and so easy..." is true
Congratulations!
Thank you! Flutter docs where very confusing, you helped me a lot!
best typing video :) You are a master, I hope you are successful in your work
Thank You! The tutorial was amazing. You gained a sub :)
I just saved $50,000 from this video.
Thx A Lot....
awesome....Thank you very much
Thanks for the video
You did great and we need for posting data on API
Good Tutorial>>>> Excellent
Really liked the tutorial.. Can you make a complete Flutter Tutorial playlist. I would love to see how that goes. :)
Thanks alot you solved my problem❤️❤️
Thank you, the tutorial was clean and understandable.
Well presented! Thanks a lot :)
Amazing, Thanks'
Bro u r a legend
thank u dude ♥ quick and easy tutorial
You are showing how to make get requests but what to do to make post requests with form fields. Even with authentication
Wow it so easy!
can we get some more vidoes on json
especially getting data from service
and showing in listview and grouping them by date with stucky headers
Amazing
u one son of a gun, thank you
thanks yaar , thank you soo much
Can you make login/register tutorial next? Very good tutorial mate!
it's amazing,Thank you so much
Why you didn't make a class for parse json data ?
Great tutorial buddy..But can't you record your voice...its just good to watch and hear a tutorial rather than some music playing in the background
yess beast tutorial
If anyone is having problems with that make sure u add http package to your pubspec.yaml if you are using Dart 2.0 as they removed http from the dart core libraries.
Thanks men, i was struggling with that
thank u for understandable video. I have one doubt. How create the url for my project?
HI,
GREAT VIDEO TUTORIALS. I AM WATCHING AND LEARNING BY CODING SIDE BY SIDE.
I HAVE A REQUEST FOR VIDEO TO MAKE FLUTTER LIST VIEW WITH REST JSON DATA WITH PAGINATION.
KINDLY CAN YOU COVER HOW TO LOAD PAGINATED DATA INTO LIST VIEW IN FLUTTER IN YOUR NEXT VIDEO.
THANKS
Muito bom, gostei! Im from Brazil.
Thanks so much!!
BIG THANKS
thank you siirrr!!!! 100% !!
Hi, great tutorial you have made, I just want to ask a question about the API, if someday I want to change the API with the same link, will the flutter automatically update the list?
Awesome video of flutter. Keep it up. thanks will wait for next video.
Could you make video on firebase authentic with flutter.
THXXXX
If i want to send data to the api requesting data from the second page how do i do it!! !?
THANKS YOU IT WORKS !!!!!!
Thank you man!
Thank you!! like and sub for you.
hi sir, im a beginner and i have live running website and im try to convert it into a app and i have designed my own ui in flutter and how do i pull the login data from the website
how did u do that add padding right click only sir???
on intelliJ you press alt+enter on widget you want to padding
@@jaydenbatavia6318 im using vscode. whats name of that package on intellij ?
@@freedom341 u mean to wrap widget around widget right? CTRL + . in windows if so
Amazing tutorial, Thank you. I have.question from video using networkImage to show image how about video？
Great job! why did you stop doing apps! More flutter and mysql/php
Can you create a Model class for the same json. and parse the data object accordingly, i am trying to do that byt no idea how to achieve that.
Good work bro
GOOD SAMPLE!!!
YOU ARE THE MAAAAAN
thank you
Not getting any output at debugPrint(response.body);
Why so??
How do you select an item to show its details
Thanks
Hi nice tutorial...however the app reloads/ re-fetches data when i switch off internet and navigate to and from detail. i am from android and ionic background and what i have experienced is that they cache view when internet connection is lost.. how can this be achieved in flutter
why you did'nt use children in body for listview?
Because it's a ListView.builder widget which requires as parameters itemCount and itemBuilder. This type of widget, instead of the simplest ListView is more efficient...if you come from Android Dev World it is the equivalent of a List with a RecyclerView...
Please make a video for search data from realtime firebase database (not firestore)
hey! I saw this tutorial and found it very helpful. But When I'm running the code I'm getting this error: List' is not a subtype of type 'Map.
Can you help me with this if possible.
i got the same error , that is just because of the different pattern of JSON, means we both are trying to implement this method for the single user data , so did you got it working somehow ? tell me please if you ..
i did it by saving the data["data"] into another Map variable and it worked..
Hi there, what do you mean by "Sometimes the autocomplete mess everything..." ?
great work, thanks for sharing. one question. How do you call padding like you did in the video?
in windows there's shortcut ctrl+shift+R, in mac I'm not sure but you can check at File->Preferences->keyboardshortcut
#VS Code
can you load list view from localhost Url ,,, or tell us about localhost can integrate the webApi in flutter or not
how to use POST Request method and display result in listview
thank q
Wait wut Indian domain? how come i never knew this website 😂 Thnxxx!
where is dart model
Map data;
List userData ;error occur
hey men nice tutorial, but i have one question how can i create a website page with only JSON data for free?
backendless.com or cloud.mongo.com + strapi.io or Firebase. Host web build on Netlify
Do the same with woocommerce api
I am facing this issue
(52) I_flutter ( 3742) Another exception was thrown NoSuchMethodError The method '[]' was called on null.
Your Json may start with [ and not with {.
Please make some more video
can you make one using API data? need it for a project and have no idea on how yo go into it haha
is that not what this video is about?
@@vivecaotabil8245 no
@ its the same thing. Json API
@@vivecaotabil8245 not by a long shot
Dont forget to add " http: 0.12.0 " in pubspec.yaml
any one there to teach fultter online