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.

[@muhammadharis1923]

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

[@vicsystems]

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

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

[@mubeenulhaq8379]

simple and easy method of teaching. 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.

[@nishantj1685]

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

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

[@muhmmadusmananwar2037]

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

[@ir2guru]

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

[@sundar8601]

Simplicity is your asset. Great!

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

[@BBFTW36]

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

[@drew230]

I've been struggling with this.
Instant sub

[@danishshaikh1790]

Very informative and helpful video.
Love from PAKISTAN.

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

[@zahrayousefi9400]

simple and amazing. well done

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

[@anandrago6826]

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

[@karolcu2618]

you' are amazing! Thanks for the video

[@xpwahab1]

your teaching style is awesome.
Sad to see you inactive

[@apurvabhalerao26]

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

[@bougarytamega5059]

thank you so much, it really helps me!

[@pritishpattnaik4674]

bro u literally solved my problem , thank you so much

[@flutterwithme2530]

Happy to help

[@johnmungandi4413]

Thank you so much it's helpful 👍

[@SirHelios]

Thanks a lot - great tutorial!

[@flutterwithme2530]

You're welcome!

[@codeinbantai5663]

Very much thank You saved my day with the Uri fact

[@flutterwithme2530]

Glad it worked.

[@prabaljainn]

Literally helped me, thanks Dude

[@flutterwithme2530]

Glad I could help

[@m.tuladharreddy8234]

Thank you so much it was sooo helpfull

[@backyardfreestyler7866]

You are really good

[@shohzodzet]

Thank you very much.

[@abdullamustafa2276]

Thank You very match

[@SantoshYadav-lc3hi]

i like to way to explain it just amazing

[@toshinenkosen9976]

Bravo !!!

[@yassinabdulla368]

thanks, it helped a lot

[@debidattaray6646]

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

[@chandrachaan3137]

Well done ✅

[@flutterwithme2530]

Thanks

[@manasasalapaka8436]

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

[@akshayvilawadekar5266]

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

[@JacoOlwagen]

great! thank you

[@flutterwithme2530]

You are welcome!

[@thazeroword646]

Very nice tutorial

[@flutterwithme2530]

Thanks for watching

[@entertainmentzone8797]

thanks a lot bro

[@roc_kstark]

master!!

[@flutterwithme2530]

Thanks!

[@dev.faizan]

great

[@omaryousifkamal4290]

thank you sir!

[@flutterwithme2530]

You are welcome!

[@chemuhammadiqmalchemohamed2041]

Ty bosss

[@jabsdbaa7727]

thanks bro

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

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

[@araccount27]

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

[@alihyder7266]

Sir please make a video on Flutter Integrate DataBase

[@AndrewTSq]

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

[@CHOTADONTHEGAMER]

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

[@ibnualwi9784]

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

[@musamdaka1606]

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

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

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

[@hedayetulislam8211]

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

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

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

[@theanh4843]

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

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

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

[@TienLenTrinh]

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

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

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

[@volkankarakus8013]

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

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

[@alfonsoromero3092]

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

[@flutterwithme2530]

Will create a video on that very soon.

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

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

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

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

[@mahmudahmod3844]

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

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

[@shabnamnaseemahmed.5072]

how we can add custom headers in http headers?

[@arpitrahi5917]

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

[@yeisonandrescaperamatoma9684]

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

[@mikoajlech7958]

@Flutter With Me Is there code on Github?

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

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

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

[@tuankietngo650]

Do you have souce code this post ?

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

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

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

[@srinivasvxefccyiju9003]

Can u make same video with using django sir

[@flutterwithme2530]

Will try to get something on that soon.

[@yassineghadbane2319]

how to get the data of company and geo

[@onielbrea913]

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

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

[@ggsap]

Inverted commas?? They are called quotes

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

[@VQN_Code]

how to get street in address in that link

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

[@StarBattle08]

what if the data is xml?

[@flutterwithme2530]

Will try and get that video up soon asap.

[@Sidiqtoha]

how to get addreas ?

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

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

[@media.islamicityTV]

0:00

[@GlobalSpotlight]

It keeps showing loading data.

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