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

[@CoderUmar-hw6ef]

Appreciate your Sophistication of HardWork for Public 😍

[@thetechbrotherss]

Thank you so much 😀

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

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

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

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

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

[@syedshabbarraza6384]

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

[@thetechbrotherss]

glad to hear this

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

[@amitpersonal6820]

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

[@thetechbrotherss]

Sahi ho gya to comment ko update kr dain

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

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

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

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

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

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

[@allinonewithSnehaa]

I Love your video great work sir ❤

[@thetechbrotherss]

Share within your circle

[@demodemo9429]

Great explanation sir 👍👍👍

[@thetechbrotherss]

Thank you please share with in your circle.

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

[@inoxentmuqeet6727]

End level 💯

[@thetechbrotherss]

Subscribe

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

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

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

[@hammadahmad7963]

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

[@thetechbrotherss]

share the error

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

[@sk10120]

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

[@thetechbrotherss]

It clear the data to avoid duplicating the data

[@SarimAli-k7g]

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

[@thetechbrotherss]

g

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

[@shahab1479]

thanks for making this video

[@thetechbrotherss]

It's my pleasure

[@alihassan5651]

Thanks soo much for this

[@thetechbrotherss]

subscribe and share with you friends

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

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

[@saeculorum8184]

Can you post full code or a github repo? very good tutorial

[@thetechbrotherss]

Don't forget to give a start. github.com/axiftaj/Flutter-Rest-Api-Tutorials-With-Example

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

[@wardaamjad]

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

[@thetechbrotherss]

You must know to integrate apis with flutter

[@neerajbhatt2461]

Bhai pura flutter bootcamp follow kr ra hu pichle sare videos samjh aye but seriously ye video m kuch bhi samjh nhi aya mujhe

[@thetechbrotherss]

koi bat ni bro, practice kro smjh jao gy

[@neerajbhatt2461]

@@thetechbrotherss ok brother

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

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

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

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

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

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

[@Arbic_calligraphy65]

nice sir

[@thetechbrotherss]

thank you

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

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

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

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

[@harshitagrawal6334]

what is the purpose of postList.clear().

[@thetechbrotherss]

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

[@ghufranahmed840]

Sir I have watched this video multiple time even with full concentration but I'm not getting a single concept. What should I do please guide me. Thank you

[@thetechbrotherss]

Start the playlist from start

[@ashikmahmood4018]

Boss Please make video about dio...plz

[@thetechbrotherss]

ok

[@ABHISINGH-ty7ln]

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

[@thetechbrotherss]

Please follow carefully 🥲

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

[@JagdishOnYT]

I want to show data one by one, like after pressing next button, next item should be shown how to implement that

[@thetechbrotherss]

Create an api for that and use it accordingly

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

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

[@zareenharoon4287]

very nicely explain.can you kindly make an edit in this video, i need to take the token and user id through the login and keep it along in all pages including this list view plus add search to the ist view as well thankyou

[@thetechbrotherss]

Store the value of user id in shared preference in the get the value via future function or using async your own method then pass it to query. For searching listview builder go ahead your watch covid app tutorials i have explain how we can implement it. Do subscribe and share with your friends.

[@zareenharoon4287]

@@thetechbrotherss thankyou for the quick respnse. i am trying all the methods but coudnt succed...can you give me any example code where i can get the shared prefrences as well as can get the list itm values from the api as well. here is the code i cant get the values in bidy.dont know what i am doing wrong. please help me out so i can get my next step.i need these prefrences in all the pages. //defined to collect the data in String values String token = ""; String userid = ""; String databaseid = ""; @override void initState() { //TODO:implement initState super.initState(); //Function called _showItemList(); } // Variable for collecting data from database var data; //_login function is built to call data from the server Future _showItemList() async { try { //Fetch Saved Variables Data from SharedPreferences to send in Header SharedPreferences prefs = await SharedPreferences.getInstance(); setState(() { token = prefs.getString("Token")!; userid = prefs.getString("UserId")!; databaseid = prefs.getString("DatabaseId")!; print('prefs->token=' + token); print('prefs->userid=' + userid); print('prefs->database=' + databaseid); }); Map apiHeader = { "Content-type": "application/json", 'token': token, 'userID': userid, 'databaseID': databaseid, }; Map apiBody = { "ItemCategory": "", "DepartmentID": "", "VendorNumber": "", "StoreID": "1001" }; //For GetItemsList final String url = " api url here"; Uri uri = Uri.parse(url); //final finalUri = uri.replace(queryParameters: apiBody); //USE THIS final finalUri = uri; //USE THIS http.Response response = await http.get( finalUri, headers: apiHeader, ); if (response.statusCode == 200) { data = jsonDecode(response.body.toString()); print('response.body=' + response.body); ScaffoldMessenger.of(context) .showSnackBar(SnackBar(content: Text("Data : ${data}"))); } else { // showAlertDialog(context); print('There was an error while connecting to the server.'); print(response.statusCode); } } catch (e) { print(e.toString()); } }

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

[@hashimjahangir9427]

hey brother the api response returns null. any solution

[@thetechbrotherss]

check api again and test it in postman.

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

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

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

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

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

[@HrithikRajput-o6b]

should i call async func inside build

[@thetechbrotherss]

you can using future widgets

[@ssagaming4545]

sir this Api code is not working .

[@thetechbrotherss]

It’s working bro

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

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

[@hassanalivlogger]

nice

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

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

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

[@SSAPro]

This API code is not working

[@thetechbrotherss]

It’s working bro check the comments working with everyone

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

[@azcreativemedia7118]

Can't get output of api integrarion in chrome?

[@thetechbrotherss]

yes

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

[@IzharBadshah_19]

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

[@thetechbrotherss]

To map our object in array

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

[@The_Suraj_Khot]

tnx bro..

[@thetechbrotherss]

do share with your friend

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

[@muneebullah427]

why we crate model plz explain

[@thetechbrotherss]

to parse value to ui by maping data

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

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

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

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

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

[@optionhive]

Do you have flutter course?

[@thetechbrotherss]

Check flutter bootcamp 2022 playlist

[@akhileshgoswami9497]

Osm video

[@thetechbrotherss]

Thank you