Get data from Api in flutter - HTTP Requests in flutter

In this video we will see how we can get data from API and upload that in our list.
This video will be first part of the series where we will learn how to handle http requests in flutter.
In the next video we will be covering on how to post request through the same principles.
Let me know in comments how you find this tutorial and also any changes that you would like me to make on the same.

[@roohomecom8345]

Thank you for your tutorial. It really helps me, find a lot but most of them not working with flutter 2022. Containing many bugs. One bug to fix, is to add AsyncSnapshot before snapshot
"builder: (context,AsyncSnapshot snapshot)"
Anyway, I have just subscribe to your channel.

[@minerva8658]

bro you are great

[@mdxenon4749]

dude, u Legend

[@velinfo7745]

Super Bro😃😃 Thank You

[@nuur6019]

if you have problems with the data.length; fix it with putting 'AsyncSnapshot' before snapshot in the builder parameter;
builder: (context, AsyncSnapshot snapshot)

[@clinihard]

Thank you, my friend! You saved me!!!

[@abhishekdeshpande8256]

Thank Buddy

[@jeroenwolff]

Thanks, can you explain why? because snapshot is allready a AsyncSnapshot? or not?

[@adityamore7471]

thanks bro

[@huzaifaahmad63]

Thanks Buddy.............!

[@nishantj1685]

It would be really helpful if the code was available in text on medium or git. Nice work by the way.

[@vicsystems]

there are alot of explanations I have watched, but yours really helped me.

[@muhammadharis1923]

really appreciated this is the first video in which i become cleared about the concept of api and how to work with it

[@my_wave_app]

thanks for this tutorial video it really helped me to build my mobile app, (analytics dashboard for social media content creator) which is now live! it has been few days only but this video was very helpful!
API was a bit trickier but could make it work :) cheers

[@bensosfrequents]

This tutorial ignores two important things that video makers keeps ignorering all the times. (1) Showing an error if network is not available. (2) Detecting if returned Map(data) is empty and show "not data text" or something and probably showing a loading spinner for the slow networks instead of keeping users waiting on a blank screen, but loading spinner isn't important. Anyways it was a great tutorial.
Many thanks

[@haeven6938]

Yo!!! you just got a new subscriber, your lecture is suscint and clear. Wow!!! i love you sir. Keep up the good work. i'll definitly watch all your videos and drop feedbacks.

[@ir2guru]

you just saved me from a terrible nightmares. Thanks a lot

[@muhmmadusmananwar2037]

Amazing Huge Concept in less time Thank You Sir...!!!!!!

[@anandrago6826]

Last few days i try to know flutter api integration. so I watch lot of api integration videos on TH-cam. but all the videos are uploaded minimum 4 month ago. So all my tried was failed i facing lot of error. finally I watch this video i see lot of different from that old videos.
Thank you for this video.

[@flutterwithme2530]

I am glad it could help.

[@danishshaikh1790]

Very informative and helpful video.
Love from PAKISTAN.

[@mubeenulhaq8379]

simple and easy method of teaching. thanks!

[@sundar8601]

Simplicity is your asset. Great!

[@thaaranyagandhi580]

Thank you bro it's too easy and helpful, I saw most of the video but that's not clear and give more errors, but in this video is perfectly used, Thank you so much 🤝

[@flutterwithme2530]

Glad it helped

[@karolcu2618]

you' are amazing! Thanks for the video

[@pritishpattnaik4674]

bro u literally solved my problem , thank you so much

[@flutterwithme2530]

Happy to help

[@apurvabhalerao26]

Thank you soooo much sir for this video.. it is very helpful..

[@drew230]

I've been struggling with this.
Instant sub

[@BBFTW36]

Ty so so much dude, especially for the Uri part.

[@codeinbantai5663]

Very much thank You saved my day with the Uri fact

[@flutterwithme2530]

Glad it worked.

[@backyardfreestyler7866]

You are really good

[@xpwahab1]

your teaching style is awesome.
Sad to see you inactive

[@SantoshYadav-lc3hi]

i like to way to explain it just amazing

[@hedayetulislam8211]

I think this code wouldn't work any more because of null safety

[@chandrachaan3137]

Well done ✅

[@flutterwithme2530]

Thanks

[@debidattaray6646]

Sir please add some more content your style of teaching has clarity

[@akshayvilawadekar5266]

The type 'Map' used in the 'for' loop must implement Iterable.

[@royalscart6613]

I am facing the error on snapshot.data.length . Error Shows In The Property 'length' can't be unconditionly accessed because the receiver can be 'null',

[@flutterwithme2530]

Check if you have upgraded to null safety and update the code accordingly.

[@bougarytamega5059]

thank you so much, it really helps me!

[@johnmungandi4413]

Thank you so much it's helpful 👍

[@zahrayousefi9400]

simple and amazing. well done

[@aleksandraweber4220]

Hi :). I'm doing everything like you and here what happens: '_Map' is not a subtype of type 'Iterable'
What am I doing wrong if you don't have this issue?
I start to become powerless...

[@SirHelios]

Thanks a lot - great tutorial!

[@flutterwithme2530]

You're welcome!

[@MegaKuqi]

What is exactly datafromapi.iml ? this file is missing by me. That is maybe the reason why nothing shows in the console when I press the Button ?

[@manasasalapaka8436]

very nice explanation..would you please tell me how to add images??
thanks in advance

[@CHOTADONTHEGAMER]

Brother so here is the error The Getter length isnt defined and []. Isnt drfined for type OBJECT

[@LohithManideep]

Bro I am getting this error (error: The operator '[]' isn't defined for the type 'Object'. ) did the same way as u. snapshot.data[i].country this is showing me error I've been trying this from 2 days help me out but while trying to print the data in for loop at 7:35 it is getting printed

[@souravagarwal5785]

I had the same problem so Someone on TH-cam suggested that we should use (context, AsyncSnapshot snapshot) instead of (context, snapshot).
And then I got the length with this snapshot.data!.length

[@m.tuladharreddy8234]

Thank you so much it was sooo helpfull

[@abdullamustafa2276]

Thank You very match

[@abhishekbali1069]

After run this code I have faced some problems. Like..
1.The method '[]' can't be unconditionally invoked because the receiver can be 'null.
2. The property 'length' can't be unconditionally accessed because the receiver can be 'null'.
Please tell me what was the solution.

[@NguyenQuangBDS9999]

fix it with putting 'AsyncSnapshot' before snapshot in the builder parameter;
builder: (context, AsyncSnapshot snapshot)

[@Twu77]

But what if json data it self is non-string type ? i tried to use my boolean type json but it wont work

[@prabaljainn]

Literally helped me, thanks Dude

[@flutterwithme2530]

Glad I could help

[@rhadityawahyu6690]

thanks for the tutorial bro, but i have an error like this "The property 'length' can't be unconditionally accessed because the receiver can be 'null'.
Try making the access conditional (using '?.') or adding a null check to the target ('!')." what should i do?

[@senayudha2497]

ubah sdk agan ke sdk: ">=2.7.0 < 3.0.0"
nanti akan banyak sintax yg berubah seperti penggunaan required dan late
akan di hilangkan

[@khalidfaisal8999]

@@senayudha2497 Thanks, Bro I was stuck here since 4hrs

[@ashikislam8370]

@@khalidfaisal8999 vai help me. kivabe sdk 2.7.0 anbo

[@shariqali2827]

same issue

[@arpitrahi5917]

You did not tell how to fetch that address which was inside another jsonArray? tell us that too.

[@sumidsilva8912]

I tried this code. But i am facing an error at snapshot.data.length
Showing that - property length cannot be unconditionally accessed because the receiver can be null.
Can u pls tell me hw to correct it.

[@jeroenwolff]

Look at the answer of Nuur: if you have problems with the data.length; fix it with putting 'AsyncSnapshot' before snapshot in the builder parameter;

[@AndrewTSq]

in future videos, can you try to make the audio volume a bit better? I can hardly hear you even at high volume.

[@alihyder7266]

Sir please make a video on Flutter Integrate DataBase

[@theanh4843]

flutter can enable or disable airplane mode on thirts with android. Thank you

[@forme5794]

I am new to flutter , so I don't know details. I am getting "the property length cannot be unconditionally accessed because the reciever can be null" error. Found no proper solution in online. How do I solve this?

[@thazeroword646]

Very nice tutorial

[@flutterwithme2530]

Thanks for watching

[@dev.faizan]

great

[@yassinabdulla368]

thanks, it helped a lot

[@prabaljainn]

i understood this video of yours but in my emulator its showing WAIT as i created if(snapshot.data == null) return container(child: Text('WAIT")) meaning My SNAPSHOT.data == null
what the heck is the problem i cant understand

[@flutterwithme2530]

try changing it to !snapshot.hasdata

[@nawfel1067]

If you have error with snapshot.data.length just put sdk: ">=2.7.0 < 3.0.0"

[@Benjay246]

In the pubspec.yaml? Just wondering what the code would look like

[@uveshsiddiqui2477]

Thank you for solving my problem

[@sudhanvahebbar1709]

thanks bro 👍

[@shohzodzet]

Thank you very much.

[@toshinenkosen9976]

Bravo !!!

[@debidattaray6646]

Snapshot.data.length is not working in itemCount for ListView.builder

[@flutterwithme2530]

would ask you to check the code again, it's working absolutely fine.
What is the error you get?

[@MegaKuqi]

@@flutterwithme2530 when I press the Button it shows nothing in console, ?

[@user-nf9sz6cy7l]

Bro. If you can reply. Can you please tell us how to implement search and create a new page with the user details in it?

[@marcellodeus]

im doing the same as the video, but im reciving a error in snapshot.data.lenght: The property 'length' can't be unconditionally accessed because the receiver can be 'null'.
Please, can someone help me?

[@musamdaka1606]

I have an error on class DataFromAPI extends statefulWidget how do you call that one to be fixed?

[@JacoOlwagen]

great! thank you

[@flutterwithme2530]

You are welcome!

[@sejalarora6923]

I'm still facing an error of "string' can't be assigned to the parameter type 'uri'" can you please help me out

[@sejalarora6923]

@Ram eklesia thnkyou so much🤗

[@TienLenTrinh]

hey bro if api have Millions, hundreds of thousands of data, is it okay to use a for loop?

[@snehanshubhattacharya228]

Hi! it keeps on saying loading data, please help, data doesn't load even after the api is called successfully

[@sayededriss2394]

you forget to return the "users" from "getUserData" function.

[@roc_kstark]

master!!

[@flutterwithme2530]

Thanks!

[@volkankarakus8013]

how can I fetch the addresses ? and i wanna save it in a list with map

[@chemuhammadiqmalchemohamed2041]

Ty bosss

[@anandrago6826]

I am facing error at
itemCount: snapshot.data.length,
anad
title: Text(snapshot.data[i].name),
Please help

[@flutterwithme2530]

What is the error you are getting?

[@anandrago6826]

@@flutterwithme2530 i change SDK 2.12.0 to SDK 2.7.0 now it's working
Thank you for your reply.

[@yeisonandrescaperamatoma9684]

I had a problem and it appears that it cannot be called because it is null

[@ibnualwi9784]

sir, any chance we can fetch data from json using streambuilder ?

[@jovanemullings]

so you would set the api key as the unencoded path ?

[@flutterwithme2530]

yes

[@jovanemullings]

@@flutterwithme2530 you can also use Uri.parse to use the full api url

[@mikoajlech7958]

@Flutter With Me Is there code on Github?

[@marco_di]

Realy awesome :-)
what does the code snippet look like if the data is saved as locale json? A search box would also be great on this code base

[@flutterwithme2530]

Will get a video on that soon.

[@marco_di]

@@flutterwithme2530 I'm already looking forward to it :-)

[@priteshsapkale200]

Username value can't be fetch ...rest working fine...plz others also do check...

[@flutterwithme2530]

You will need to write that code part to update username value which can then be returned.

[@entertainmentzone8797]

thanks a lot bro

[@VQN_Code]

how to get street in address in that link

[@shabnamnaseemahmed.5072]

how we can add custom headers in http headers?

[@abhishekgiri1586]

In this you not show how to display address values? Please I request you to make a seperate video and teach us how to display address value?

[@clinihard]

Hello! Just put a subtitle in the "for":
} else
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, i) {
return ListTile(
title: Text(snapshot.data[i].nome),
subtitle: Text(snapshot.data[i].endereco),
);
});

[@yassineghadbane2319]

how to get the data of company and geo

[@ggsap]

Inverted commas?? They are called quotes

[@omaryousifkamal4290]

thank you sir!

[@flutterwithme2530]

You are welcome!

[@isha3851]

Thank you very much for this tutorial. But i am facing issues with final keyword if i decalre a variable as final within a class and then creating a constructor just like you did then its showing me error and asking me to add required keyword in front of every final variable.
example:-
Class Users{
final email,username;
Users(required this.email, required this.username);
}
i cant make parameter as optional what should i do?

[@mohitgajjar8862]

give variable data types , use " final String email, username; "

[@balamurugesan1838]

Hi. why do we need to use FOR loop for iterating the values?

[@flutterwithme2530]

we are going to repeat it to fetch all the data as per the data from array we want.
Hope this helps.

[@sanaboby5175]

i want to get address in human readable format current location user how please make video

[@flutterwithme2530]

Will definitely try to get a video for that up soon.

[@coyoute2]

Nuur
há 8 meses
se você tiver problemas com o data.length; corrija-o colocando 'AsyncSnapshot' antes do snapshot no parâmetro do construtor; construtor: (contexto, instantâneo AsyncSnapshot)
vlwww

[@mahmudahmod3844]

Can you please make a flutter music app with how to fetch api and play music

[@jabsdbaa7727]

thanks bro

[@GlobalSpotlight]

It keeps showing loading data.

[@sridhargn1559]

Still, snapshot.data.length not resolved, Even i used the AsyncSnapshot.. Please tell me the solution if any.. it so thankful

[@mdxenon4749]

replace builder with ->"builder: (context,AsyncSnapshot snapshot)"

[@tuankietngo650]

Do you have souce code this post ?

[@alfonsoromero3092]

nice videos, thanks. How you can import images? thank again

[@flutterwithme2530]

Will create a video on that very soon.

[@onielbrea913]

Unhandled Exception: type 'Null' is not a subtype of type 'String' >(

[@xavieracaling6866]

data.length can't be unconditionally accessed because the receiver can be null

[@mrmusanda3576]

did you fix the issue?

[@xavieracaling6866]

@@mrmusanda3576 yes i figured it out of my own code tho.. made my own line of code instead

[@StarBattle08]

what if the data is xml?

[@flutterwithme2530]

Will try and get that video up soon asap.

[@media.islamicityTV]

0:00

[@srinivasvxefccyiju9003]

Can u make same video with using django sir

[@flutterwithme2530]

Will try to get something on that soon.

[@otukenn79]

How can we get divs inside of html tag

[@flutterwithme2530]

Could you clarify your question a bit more?

[@otukenn79]

@@flutterwithme2530 I mean, I want to see between of tags

[@HKOALFAHD]

I have this error

[@flutterwithme2530]

Kindly share a screenshot of error and code snippet.

[@nabilazaroual1729]

can i have the source code please !!!?