Part - 7 | Flutter Get API call with Null Safety | Building List with JSON Data using Future Builder

[@thetechbrotherss]

source code: github.com/axiftaj/Flutter-Rest-Api-Tutorials-With-Example do give a start if you it helped.

[@azeemhussain1109]

already given you star and shared with friends, wish you, to get more stars. amazing tutorials series

[@muhammadhassan4289]

for those people who are facing issue in map function in for loop, map function is a little bit modified so here is the code that u have to copy paste for (Map i in data) { postList.add(PostsModel.fromJson(i)); }

[@thetechbrotherss]

It's not necessary , it will work the way i taught them but most of the student didn't follow carefully that's why they faced isssues

[@noumaniqbal4965]

Yes you are right. I face this problem for one whole day.

[@noumaniqbal4965]

@@thetechbrotherss Sir he says right.

[@sufyantalib8289]

Thanks for helping

[@shahzadwarraich2911]

I was also facing that issue thanks for sharing

[@cs_010_adityaverma2]

struggling from past 4 days with APIs integration now finally understand it very well ........love from INDIA sir

[@thetechbrotherss]

Share with your friends

[@CoderUmar-hw6ef]

Appreciate your Sophistication of HardWork for Public 😍

[@thetechbrotherss]

Thank you so much 😀

[@vishnuprajapati89]

Dhanyawad bro. Yadi apke jese guru ho sikhane ko to kisi ko koi doubt nahi rahega and again thanks bro...❤️

[@thetechbrotherss]

Thank you subscribe kr dain share kr dain doston k sath

[@AmeerHamza-vd9sb]

1st time I feel like APi's are easy to integrate ❤️ big respect for you!

[@thetechbrotherss]

Share with your friends

[@krutidewda3152]

You deserve millions of subscriber sirr, jus t love how you explained APIs so easily, I was finding it difficult to understand from a very long time

[@thetechbrotherss]

Share with your friends

[@sumitkumar-jn8he]

Sir one by one tut dekha bhaut ache se apne explained kiya hai. Eager for next continue tut video post.

[@thetechbrotherss]

Hopefully we will cover this series this week.

[@praveensuthar3036]

Thanks you sir muje bohot kuch sikhne ko mila muje bohot problem hoti jab api call karta tha par ab muje dout clear hogye Thanks

[@thetechbrotherss]

Great it helped, do subscribe, like the video and share it with your friends.

[@syedshabbarraza6384]

JAZAKAllah sir aaj bhi aap ki waja sy kuch new sekhny ko mila

[@thetechbrotherss]

glad to hear this

[@codeWithSanny]

The explanation was awosome. I would never need to ask Google for the materials you have covered in the lecture... Love from Flutter Interns : )

[@thetechbrotherss]

Thank you sir

[@sanjaypatidar7605]

sir proper smj aaya best tutorial sir ji👍👍😊 i'm from india ❤

[@thetechbrotherss]

mazy kro

[@Himanshu_Explore]

Wow sir thankyou so much fir this! I need this kind of tutorial thankyou sir 🙂love from india💌

[@thetechbrotherss]

Thank you pleas share with your friends

[@happycoding7079]

Thanks, Buddy finally Caught all the concepts till here IDK why but I took 5 retakes then I got it

[@thetechbrotherss]

hahahahhah this is experience, support me on insta: instagram.com/thetechbrotherss/

[@muhammadhanif1636]

best tutorial I have seen in youtube

[@thetechbrotherss]

Thank you

[@starkstreak5583]

very nice and easy explanation sir

[@thetechbrotherss]

Thank you do share with your friends

[@nouman1213]

explained very well... wait for next video

[@thetechbrotherss]

Will upload very soon. Hopefully will complete this series this week.

[@ramzanch4055]

Bro v nice keep it up i follow your play list and learn a lot about api and abele to integrate api in my freelance projects.

[@thetechbrotherss]

Glad to hear that, so subscribe and share with your friend.

[@ramzanch4055]

@@thetechbrotherss sure sir

[@kamalmaher9920]

sir when we started the loop for (map i in data){ postlist.add(postmodel.formjson(i)); } in this code the i is not working in fromjson code. it through the error and not working.

[@thetechbrotherss]

Check you must he doing something wrong

[@ashhadahmed72]

for those people who are facing issue in map function in for loop, map function is a little bit modified so here is the code that u have to copy paste for (Map i in data) { postList.add(PostsModel.fromJson(i)); }

[@shivanisoni9803]

excellent video. very nice explanation

[@thetechbrotherss]

thank you do subscribe and share with your friends

[@batishqureshi]

Amazing video brother! Keep it up!

[@thetechbrotherss]

Thank you subscribe

[@preetiahuja8672]

Crystal Clear explaination.thank you sirr :)

[@thetechbrotherss]

Go ahead you will love it, make sure to read the description and first comment. Do subscribe and share with your friends

[@g4gamer330]

salam sir sir ma na ya poucha na tha ka ap na for loop ka bahar q return kar wa ya hai data ku andar bhi tu hu sakhta tha

[@thetechbrotherss]

Taky data return ho

[@inoxentmuqeet6727]

End level 💯

[@thetechbrotherss]

Subscribe

[@Gulfam-b2f]

very well explained

[@thetechbrotherss]

Thanks for liking

[@TheHospitalityEmpire]

The argument type 'Map' can't be assigned to the parameter type 'Map' this erroe showing up when doing step you did at 12:02 min in video

[@thetechbrotherss]

Error is self explanatory click on this error go to the model and change string to dynamic and please watch video carefully till end.

[@rehanhamayun1353]

Change the Map to "Map

[@amitpersonal6820]

If anyone have error in for loop Use for (map i in data)

[@thetechbrotherss]

Sahi ho gya to comment ko update kr dain

[@demodemo9429]

Great explanation sir 👍👍👍

[@thetechbrotherss]

Thank you please share with in your circle.

[@allinonewithSnehaa]

I Love your video great work sir ❤

[@thetechbrotherss]

Share within your circle

[@zoshypermar]

Excellent Sir ! Sir tell me command in android studio for wrap with widgets. What command you type for wrap with widgets? Here control+ Enter not working for wrap with widgets

[@thetechbrotherss]

Btaie ro ha alr + shift

[@zoshypermar]

@@thetechbrotherss Alt+Enter se huwa thanks Sir..

[@tusharprajapati6431]

bro love from india

[@thetechbrotherss]

Glad you liked it bro, do share with your friends.

[@tusharprajapati6431]

Apko bolne ki zaroorat nhi hai phele hi krdia yeh sab

[@tusharprajapati6431]

Apki instagram I'd kiya hai ?

[@wasimzaman674]

Assalam O Alekum..... Jesa k aap ne kaha k agar post API ka jo response hai agar us mai se list yani k array ka naam hota to hamara model achay se ban jaata, kya model ko sahi tarah se banane k liye hum us response ko explicitly change nahi kar saktay ? kya hum is pooray response ko object mai wrap kar k is list ko naam nahi de saktay?

[@thetechbrotherss]

JSON response backend engineer bnata ha ap usko jaise kahin gy wo set kr dy ga r ap easyly handle kr lain

[@ayushmishra8505]

Not working - 14:58 when you print postList length in list view I write exact same code but my phone screen is empty not getting any data in listview. Try everything.

[@thetechbrotherss]

test api in postman and then follow the process carefully

[@ayushmishra8505]

@@thetechbrotherss Already didi it API works well in postman

[@sherazkhan_1044]

sir Assalam walikom sir mai vscode use kar raha hu mai konsi extension use karu please sir i am stucked off.

[@thetechbrotherss]

search json to dart on google

[@kirticabhandari623]

I have a question.. please give me reply. Why we are creating model for JSON? I don't understand, why it is need?

[@thetechbrotherss]

To parse data and show them on front end

[@kirticabhandari623]

@@thetechbrotherss ok.thanks

[@viralcartoon567]

Can you please provide the JSON to dart model convertor extension in visual studio code because I am trying to download different Jason to dart converter it was not workin

[@thetechbrotherss]

You can use any online website for JSON to dart converter. I have not used VS code so i don't know.

[@binqasimmasood8899]

did u solve this error

[@hammadahmad7963]

Sir I got error in postList.add(PostModel.fromJson(i)); in (i)

[@thetechbrotherss]

share the error

[@ShahSikander]

if statment ko execute kr k loading show ho rha screen pr agy move nai kr rha else tk?aysa q ho rha hy ..JsonToDart plugin kamnai krr rr to google pr Json to dart use key ta kya uss wja sy data show nai ho rha yaa kia issue ho skta hy?

[@thetechbrotherss]

aise is liye ho raha ha k q k ap check ni kr rahy k error kahan par ha use try and catch

[@shahab1479]

thanks for making this video

[@thetechbrotherss]

It's my pleasure

[@goodwebdevelopers2582]

Hi sir Im getting an error, please help for (Map i in data) { postList.add(PostsModel.fromJson(i)); } The i value in line postList.add(PostsModel.fromJson(i)); is giving the following error The argument type 'Map' can't be assigned to the parameter type 'Map'

[@thetechbrotherss]

user 'Map as message is self explanatory.

[@thetechbrotherss]

Go to your model and change it.

[@muhammadjavedrafique4592]

write for(Map i in data) insted of for(Map i in data)

[@asadullah4269]

@@muhammadjavedrafique4592 brother i used this but now its give me this error for data ( the type string used in for loop must implemnt iterable)

[@pushpeshpainuly5526]

bro when i print "i" it throw error 😑

[@alihassan5651]

Thanks soo much for this

[@thetechbrotherss]

subscribe and share with you friends

[@Mohsin_Chaudary]

Sir using this methos app runs smmoth on emulator and show response but on physical device it gives error after giving internet acces in .xml file and building apk it it showing blank screen

[@thetechbrotherss]

it means ap k parent widget ma issues ha, use expanded and write place

[@gamesden8021]

sir please yeah answer kardain ky for(map i in data) yeah ju likhna hai woh list ma jason ky object ko add karna ky liya likha hai na or yeah map kuhn use kiya hai plz

[@thetechbrotherss]

g

[@SarimAli-k7g]

so hamein pehle api se model nikalna hoga postman se, and than usko convert krna hoga?

[@thetechbrotherss]

g

[@sk10120]

can you please explain the use of postList.clear() that you added ?

[@thetechbrotherss]

It clear the data to avoid duplicating the data

[@azcreativemedia7118]

Can't get output of api integrarion in chrome?

[@thetechbrotherss]

yes

[@anasmalix8593]

why i am not familiar with this code i think i am missing some pre-requisite for this code to understand i cant understand this syntax

[@thetechbrotherss]

Start from first video

[@S4eedKhan]

Asalam u Alaikum Respected Sir, in line 24 where you use for loop for(Map I in data){ postList.add(myModel.fromJson(i)); is not working for me with the help of gemini I got this code which is working correctly postList = (data as List).map((i) => myModel.fromJson(i)).toList();

[@thetechbrotherss]

nice

[@S4eedKhan]

@@thetechbrotherss Thanks Sir, Looking forward to meet you someday'' Yesterday a friend told me that I usually see Asif Taj in IT Park Peshawar,donno if its true or not

[@priyamohod1510]

hello, I am not able to select that option new file Json to dart, how to solve this?

[@thetechbrotherss]

Watch part 5 and 6 to create models for api

[@FantasyChannelShuvo]

Nice video....

[@thetechbrotherss]

Thanks, do subscribe and share within your friend circle.

[@FantasyChannelShuvo]

@@thetechbrotherss i have already done..sir will u plz make this video....?

[@thetechbrotherss]

Bro i have already provided your the content you need to learn how to utilise things according to your requirements based on concepts you have learn. This is actual development.

[@virtalHospital]

sir jab ma postmodel ki file bna raha hn to mera pas 4 files create ho rahi hain,, 1 address.dart 2 company.dart 3 geo.dart aur json place holder sa data copy kia ha and same data ha array sa start ha

[@thetechbrotherss]

ap extra parameter select kr rahy ho

[@virtalHospital]

@@thetechbrotherss Thank sir.

[@meenakshibhasin9456]

Hi, thanks for the video. I have issue. when i am trying to display the id and userid. it is showing error. Can you please explain how to do that

[@thetechbrotherss]

share the error please always

[@meenakshibhasin9456]

@@thetechbrotherss it was resolved thank you.

[@hammadahmad7963]

The argument type 'Map' can't be assigned to the parameter type 'Map'.dart

[@thetechbrotherss]

It's clear, go the model and change string to dynamic

[@hammadahmad7963]

@@thetechbrotherss thanks ho gya he

[@AmeerHamza-vd9sb]

@@hammadahmad7963 bro can you tell me how you did this, mera nahi ho rha asy

[@AmeerHamza-vd9sb]

ho gyaaaa.....

[@hfurqan980]

sir why we use snapshot in the future builder widget

[@thetechbrotherss]

this is just a name you can use any name, it returns different states

[@basitfaizan7928]

Sir I wants to make Netflix clone app with authentication features using firebase and I will use apis to get movies so the problem here is that how should I make my folder structure so that it looks professional

[@thetechbrotherss]

check my clean code playlist

[@taimoormanzoor7386]

Sir can tell me what the difference between if I use that "AsyncSnapshot snapshot" or only "snapshot"?

[@thetechbrotherss]

List is returning list data in async you can define whatever the data type returning it could be bool, i suggest you watch my widget of the week series for better understanding of future and stream builder with snapshot. do subscribe and share with your friends. support me on insta: instagram.com/thetechbrotherss/

[@ABHISINGH-ty7ln]

Sir i got error when i create class name PostsModel it's not show posts-model.dart

[@thetechbrotherss]

Please follow carefully 🥲

[@nardrev5437]

how to pass a query when i log in and the id from that login will go to the url?

[@thetechbrotherss]

I didn't understand your question

[@HrithikRajput-o6b]

should i call async func inside build

[@thetechbrotherss]

you can using future widgets

[@md.abulmoshadchowdhury1646]

Hello brother! everything is fine but i don't understand the line object.fromJson/toJson ? what is the functinality of these two functions ? if u would discuss then would be more helpful for me!

[@thetechbrotherss]

it map the values if you change the parameter name in model you will null values

[@hauntednightshindi]

hello brother please help me with this ---------- The name 'PostsModel' isn't a type so it can't be used as a type argument.-------- I am getting this error but you are not

[@thetechbrotherss]

watch video carefully

[@thetechbrotherss]

you are doing something wrong

[@asimreyazuddin3494]

11:24 I was not able to follow the process there. Could you explain the for loop again?

[@thetechbrotherss]

These are type of loops, we are looping on data

[@hashimjahangir9427]

hey brother the api response returns null. any solution

[@thetechbrotherss]

check api again and test it in postman.

[@kmailabbas5000]

sir sime aap jaisa code kia hai likin screen per Text k ilawa kuch or show nahi ho raha

[@thetechbrotherss]

ap ny kuch mistake ki hogi double check it

[@wardaamjad]

Is it necessary to create Live REST API's to integrate them with flutter?

[@thetechbrotherss]

You must know to integrate apis with flutter

[@mohdzaid-3430]

i dint get the API only loading is showing at top of the screen so plzz help

[@thetechbrotherss]

Please print snapshots, test api in postman

[@The_Suraj_Khot]

tnx bro..

[@thetechbrotherss]

do share with your friend

[@AliButt-fk7oz]

brother snaps hot data hasData is true but kuch b show hii ho rha?? na title na id

[@thetechbrotherss]

Data parse ni ho raha hoga na

[@hemant2406]

Sir mera code run hogya h pr mujhe steps yaad nhi rehti h...mujhe prior knowledge nhi h programming ki dart hi first language h jo me sikh rha hu...plz guide what i have to do

[@thetechbrotherss]

Bhai muje bhi yad ni rehta, ap concepts clear kro

[@hassanalivlogger]

nice

[@FantasyChannelShuvo]

Give me same project done with expansion list with builder and data from local json file... Plz....sir reply......

[@thetechbrotherss]

Please watched my video on expansion list and then part 10 of this video series. You will get your answers. And yes i reply to every comment and feel free to contact via social media platform.

[@FantasyChannelShuvo]

@@thetechbrotherss give ur fb contact....

[@thetechbrotherss]

See description In part 10 just place the the code of my expansion tile video into your if block snapshot.has and see the magic.

[@harshitagrawal6334]

what is the purpose of postList.clear().

[@thetechbrotherss]

to clear the list before adding the data into list to avoid duplication

[@Arbic_calligraphy65]

nice sir

[@thetechbrotherss]

thank you

[@fawadahmed2306]

sir kindly also explain the model .from json, tojson,encoe,decode,etc..

[@thetechbrotherss]

already explained

[@fawadahmed2306]

@@thetechbrotherss can u please share yhe video link

[@dushyantsharma2415]

yeh error sy pareshan hu kya kru _TypeError (type '_InternalLinkedHashMap' is not a subtype of type 'Iterable')

[@thetechbrotherss]

Please follow the video carefully it's not list

[@muneebullah427]

why we crate model plz explain

[@thetechbrotherss]

to parse value to ui by maping data

[@muhammadraheel2721]

Sir g humna jo i use kiya ha wo tu kahi declear ni krwaya tu wo kesy use ho gya

[@thetechbrotherss]

Bhai loop ha na

[@theinfluencer940]

19:28 pr custom list jo banai hai us ko clear ku karty hain? can someone expalin reason behind it.

[@thetechbrotherss]

taky api hit ho to data replicate na ho

[@shashidharchinna1203]

am getting error at homescreen page, Map i in data=> in getting error

[@thetechbrotherss]

Please watch video carefully, understand the concepts and fix it. You must be doing something wrong

[@zahrachoksi6571]

Hello maine same code likha hai phir bhi loading ... Hii show hota hai what is the reason behind this ???

[@thetechbrotherss]

use try catch to catch the error

[@educationforever314]

I skipped the ! operator in the following code. Check if you made the same mistake. if (!snapshot.hasData) { return const Text('loading');

[@user-Rania-n7m]

sir, you have shown only 3 screens in this video, but there are lot of screens in the source code.

[@thetechbrotherss]

it's a complete playlist

[@user-Rania-n7m]

@@thetechbrotherss oops! sorry. I didn't notice. Thankyou sir

[@noumanrafiq4409]

Sir, how to create your own api(i mean real API) ? is there any specific platform for it...

[@thetechbrotherss]

use node js

[@noumanrafiq4409]

@@thetechbrotherss thanks

[@Kumar2k12]

I am subscribed to utr videos. Please explain How to use JsonToDart using android studio build json model

[@thetechbrotherss]

please watch part 5 and 6 i teach how you can do that

[@Kumar2k12]

@@thetechbrotherss Yes Thank you for that and I have watched it , but in settings of jsonToDart which to be preffered. It is very canfusing as I have tried it.

[@ssagaming4545]

sir this Api code is not working .

[@thetechbrotherss]

It’s working bro

[@Hisk1496]

Sir i coded it in android studio and in this code i have no error, when i run it in chrome web it is showing me no data, its showing blank page is there any solution for this issue. How can I run it in Google Chrome as well?

[@abdulsaboortech8784]

Wrap the futurebuilder with expanded widget

[@thetechbrotherss]

check for exceptions, add internet permissions

[@akhileshgoswami9497]

Osm video

[@thetechbrotherss]

Thank you

[@SSAPro]

This API code is not working

[@thetechbrotherss]

It’s working bro check the comments working with everyone

[@joymazumder-kr2og]

I dont understand , what is null safety ? and how i understand when null safety or not ?

[@thetechbrotherss]

null safety means value cannot be null for variable

[@022_cse-csdeepakkumarsain7]

Sir i think the line 22 code should be inside the if statement starting at line 23

[@thetechbrotherss]

I don't remember right now but you can learn the procedure and implement it

[@iShahzainAhmed]

Sir you explained everything very greatly in this video, but I don't know why this entire concept of creating List and FutureBuilder seemed very difficult to me, or maybe I need to watch it multiple times to understand it properly.

[@thetechbrotherss]

First time it's always difficult with practice and as you move forward it will be very easy

[@iShahzainAhmed]

@@thetechbrotherss In Shaa Allah sir I'll try practicing it!

[@Songme55]

The body might complete normally, causing 'null' to be returned, but the return type, 'Widget', is a potentially non-nullable type. this error is coming

[@thetechbrotherss]

Please follow the video carefully it say data is coming null

[@zenZcoder]

FormatException (FormatException: Unexpected character (at character 1) ^ ) I am getting this error

[@thetechbrotherss]

i think url is not correct, test the api in postman

[@walidkhan5337]

same code no error still API not working?

[@thetechbrotherss]

Api is working check again you must be flint something wrong

[@walidkhan5337]

i think snapshot mai data nahe arha sirf loading show kr raha hai kya karo ab?

[@walidkhan5337]

@@thetechbrotherss thank you for your reply and last mai maine apka code pora copy keya still not hit api

[@DevrajSingh-kz9ph]

Sir table calendar m api data kase pass kerte hai is pr ak video bna do please sir

[@thetechbrotherss]

Ok bro

[@IzharBadshah_19]

Sir apni loop k andher Map q le liya can you explain loop......plz sir

[@thetechbrotherss]

To map our object in array

[@hassamkayani2521]

ya asa ho k ap ki API dynamic ho means bar bar change ho rhi ho to>?

[@thetechbrotherss]

phr apko streams use krni parhin ge

[@hassamkayani2521]

@@thetechbrotherss isma b jub Hum for(Map i in data){ Model.add(PostModel.fromJson(i));//jub isko i assign karty han to kehta hye k Map ki value dain iska koi hall bta dain plz }

[@ashikmahmood4018]

Boss Please make video about dio...plz

[@thetechbrotherss]

ok

[@nihalpadwal]

what if i have name for my array to tell

[@thetechbrotherss]

If your response start with object and then you some array inside that object and those objects have some same name parameter then it won't work. But you can fix this issue manually but this takes time.

[@nihalpadwal]

@@thetechbrotherss okay thanks

[@medhavisharma1429]

waaah Taj

[@thetechbrotherss]

thank you

[@bobhero7]

Matlab toh samjhaye ki Aap ne if else and for loop kyu use kiya..

[@thetechbrotherss]

sub kuch smjhaya ha bar bar smjhaya ha k kiss condition ma use krna ha kiss ma ni

[@thetechbrotherss]

ap pehle api k structure ko smjho