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.

[@nuur6019]

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

[@clinihard847]

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

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

[@nishantj1685]

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

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

[@vicsystems]

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

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

[@muhammadharis1923]

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

[@anandrago6826]

Last few days i try to know flutter api integration. so I watch lot of api integration videos on KZbin. 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.

[@ir2guru]

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

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

[@danishshaikh1790]

Very informative and helpful video. Love from PAKISTAN.

[@muhmmadusmananwar2037]

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

[@xpwahab1]

your teaching style is awesome. Sad to see you inactive

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

[@mubeenulhaq8379]

simple and easy method of teaching. thanks!

[@sundar8601]

Simplicity is your asset. Great!

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

[@karolcu2618]

you' are amazing! Thanks for the video

[@hedayetulislam8211]

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

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

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

[@debidattaray6646]

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

[@apurvabhalerao26]

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

[@pritishpattnaik4674]

bro u literally solved my problem , thank you so much

[@flutterwithme2530]

Happy to help

[@drew230]

I've been struggling with this. Instant sub

[@BBFTW36]

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

[@CHOTADONTHEGAMER]

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

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

[@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 KZbin suggested that we should use (context, AsyncSnapshot snapshot) instead of (context, snapshot). And then I got the length with this snapshot.data!.length

[@backyardfreestyler7866]

You are really good

[@codeinbantai5663]

Very much thank You saved my day with the Uri fact

[@flutterwithme2530]

Glad it worked.

[@araccount27]

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

[@akshayvilawadekar5266]

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

[@SantoshYadav-lc3hi]

i like to way to explain it just amazing

[@zahrayousefi9400]

simple and amazing. well done

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

[@theanh4843]

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

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

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

[@johnmungandi4413]

Thank you so much it's helpful 👍

[@bougarytamega5059]

thank you so much, it really helps me!

[@chandrachaan3137]

Well done ✅

[@flutterwithme2530]

Thanks

[@manasasalapaka8436]

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

[@arpitrahi5917]

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

[@SirHelios]

Thanks a lot - great tutorial!

[@flutterwithme2530]

You're welcome!

[@TienLenTrinh]

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

[@musamdaka1606]

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

[@alihyder7266]

Sir please make a video on Flutter Integrate DataBase

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

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

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

[@m.tuladharreddy8234]

Thank you so much it was sooo helpfull

[@abdullamustafa2276]

Thank You very match

[@AndrewTSq]

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

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

[@volkankarakus8013]

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

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

[@prabaljainn]

Literally helped me, thanks Dude

[@flutterwithme2530]

Glad I could help

[@ibnualwi9784]

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

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

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

[@VQN_Code]

how to get street in address in that link

[@yeisonandrescaperamatoma9684]

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

[@thazeroword646]

Very nice tutorial

[@flutterwithme2530]

Thanks for watching

[@mikoajlech7958]

@Flutter With Me Is there code on Github?

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

[@shabnamnaseemahmed.5072]

how we can add custom headers in http headers?

[@yassineghadbane2319]

how to get the data of company and geo

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

[@shohzodzet]

Thank you very much.

[@yassinabdulla368]

thanks, it helped a lot

[@GlobalSpotlight]

It keeps showing loading data.

[@md.samiulhaque4411]

getting an error in (snapshot.data.length). It's showing an error msg length can't be unconditionally accessed because the receiver can be null

[@mrmusanda3576]

me too did you fix it

[@Sidiqtoha]

how to get addreas ?

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

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

[@tuankietngo650]

Do you have souce code this post ?

[@JacoOlwagen]

great! thank you

[@flutterwithme2530]

You are welcome!

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

[@clinihard847]

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), ); });

[@toshinenkosen9976]

Bravo !!!

[@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)"

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

[@StarBattle08]

what if the data is xml?

[@flutterwithme2530]

Will try and get that video up soon asap.

[@dev.faizan]

great

[@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; "

[@roc_kstark]

master!!

[@flutterwithme2530]

Thanks!

[@chemuhammadiqmalchemohamed2041]

Ty bosss

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

[@ggsap]

Inverted commas?? They are called quotes

[@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 :-)

[@mahmudahmod3844]

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

[@entertainmentzone8797]

thanks a lot bro

[@omaryousifkamal4290]

thank you sir!

[@flutterwithme2530]

You are welcome!

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

[@media.islamicityTV]

0:00

[@jabsdbaa7727]

thanks bro

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

[@TrustShare]

github?

[@flutterwithme2530]

didn't save the source code, will try and get that to you soon.

[@alfonsoromero3092]

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

[@flutterwithme2530]

Will create a video on that very soon.

[@vathanachiem9879]

I have a problem with syntax Errorr : itemCount:snapshot.data.length, /// return ListView.builder( itemCount:snapshot.data.length, itemBuilder:(context,i){ return ListTile( title: Text(snapshot.data![i].fistname), ); /// Please help me