Part - 8 | Flutter Get API call with Null Safety || Building List with JSON Data with custom Model

In this video i will teach you how we can build list with json data using future builder. We will also discuss nature of APIS response and how then we can create our own custom model to fetch data from server and show it in APP.
► API Link ➜ jsonplaceholde...
source code: github.com/axi...
► PlayList ➜ • Flutter REST API Tutor...
► Join Facebook Group ➜ / 983554978866765
_____________/Connect On Social Media\____________
► linkedin:➜ / axiftaj
► Instagram:➜ / axif_taj
► Facebook:➜ / aaxiftaj
► Twitter:➜ / axiftaj
► GitHub:➜ github.com/axi...
► Hire me on Fiver:➜ www.fiverr.com...
=========================================
► Flutter Blog App Playlist: • Flutter Blog App with ...
► How to capture image from camera in flutter:
► Link : • How to capture Image f...
► My Card App Flutter :
► User Circular Avatar Part 1 : • My Card App || Flutter...
► Use fonts in flutter Part 2 : • My Card App || Flutter...
► Final Part 3 : • My Card App || Flutter...
►Covid-19 Tracker App using Rest API's :
• Create Coronavirus (CO...
►Firebase Blog App Android Java:
• Firebase Blog App - Ho...
►C++ Tutorials :
• C++ Programming Tutori... .
rest apis,flutter get api call with null safety, building list with JSON data, future builder, flutter rest api tutorials crash course,
For business queries : [e-mail]
Thank you for watching my channel do give feedback about this video.
#flutter #fluttertutorial #form #components #flutter #asiftajtech

[@thetechbrotherss]

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

[@AIHauntedHorizons-e3g]

sir aslam o alikum how to fetch data from map in a list then list in a map

[@iShahzainAhmed]

Very wonderfully explained sir! Thanks a lot!

[@thetechbrotherss]

Thank you

[@pradhumnamirotha827]

Thanku so much brother you make easy for me ❤️❤️❤️ Please continue like this series

[@thetechbrotherss]

Glad you like it bro, do share with your friends

[@Saansh6462]

Thanks again ..... yes it helped me a lot and give me better understanding how future builder, model, future function. list, expanded working ... you define well. a thing i want to know that ... here you add Asyn snapshot .... and then use snapshot with index to show data ... in replacement of list object .. why?

[@thetechbrotherss]

I think pass the model just to get the entities of the model. If i don't passed it then it wont't give me automatic hints of my parameters.

[@vishalgarna4580]

Your explanation to good sirji 😊😊

[@thetechbrotherss]

thank you

[@zaziwrites]

Amazing API tutorial, it helped me alot in my projects.

[@thetechbrotherss]

Glad it helped.

[@LearnFlutter]

thank you so much to make this video, Allah always keep you happy

[@thetechbrotherss]

share with your friends

[@codinginflutter1234]

Sir 💖💖💖 Allah paak apko sehat yaabi wali zindagi dy Ameen💖💖

[@thetechbrotherss]

Ameen

[@AnirudhdhaChothani]

Thank you so much brother for mack a easy learning.

[@thetechbrotherss]

subscribe and share

[@shahzadwarraich2911]

Amazing playlist for flutter API, Thank you!

[@thetechbrotherss]

share

[@Webdesignanddevelopment]

Many Many Thanks bro

[@thetechbrotherss]

No problem

[@abdurrehman6203]

That's Really helpful , Great Job sir

[@thetechbrotherss]

Thank you keep watching keep sharing.

[@fawadslifestyle4980]

What was the purpose of AsyncSnapshot at 15:40 Because my code runs perfectly without it? I want to know why did you used that for?

[@thetechbrotherss]

Oh yes it will still work fine, actually it's returning

[@starkstreak5583]

sir pichli video ki treh normally access kyu nahi kia data?..assync snap ke bina bhi ho sakta hai na..jaise pichili video me kia tha..?? if (!snapshot.hasData) { return Text('loading..'); } else { return ListView.builder( itemCount: getlist.length, itemBuilder: (context, index) { return ListTile( title: Text(getlist[index].title!),

[@thetechbrotherss]

sub kich explain kia ha bro phr sy video dekhain

[@techmathwithkafeel1664]

love you sir

[@thetechbrotherss]

love you 2

[@billionaire_messanger]

Hi sir i hope you will be fine sir i created model but the data is showing in terminal not on the device the device only show circularprogressindicator.

[@thetechbrotherss]

please watch the video carefully and check data is parsing to model or not

[@moeezahmedkhan]

Sir: FutureBuilder me builder wali property me apne AsyncSnapshot ye kiu use kia and Jab hamare pass data already List k andr tha tu apne snapshot.data![index].title.toString() ese kiu kia. ap direct ese bhi tu likh sakhte the photoList[index].title.toString(). Kindly ye confusion clear krden Jazakallah

[@thetechbrotherss]

ap na bhi kro tab koi issue ni hoga, but this measn future fucntion ap ko is type ka data return kry ga

[@checksum1]

Assalam o Alaikum 8 34 pa ap var data mein jb decode kr rhy hein to if statement ki body k andr kyun nhi decode kr rhy?

[@thetechbrotherss]

Ap kr lain depends krta ha develop backend sy response kaisa return krta ha

[@sanwald777]

YEH DIFFICULT LAG RHI HAI SERIES. IS IT POSSIBLE K ISKO SKIP KR DYN? OR JO APKI NEXT VIDEOS HAIN WOH WATCH KR LYN. FLUTTER 2022 KI?

[@thetechbrotherss]

hahahah ni skip ni krna sekho bar bar dekho phr smjh ay ge

[@hafizabdulrehman7532]

Great Videos Sir Sir I've a question When we write anything inside what does it mean?

[@thetechbrotherss]

Means in the view

[@khubaibirfan9215]

Or snapshot.data[index].url or snapshot.requiredData[index].url main kia farq hain?

[@thetechbrotherss]

iska mtlb ha k ap array k under 1 parameter ha url k name jo ap access kr rahy ho

[@khubaibirfan9215]

Photlist.length or snapshot.requiredData.length main kia farq hain?

[@thetechbrotherss]

iska mtlb ha ap ki array ki lenght kitne ha

[@abhaymaurya8116]

Hi asif kya aap bta skte hai multi select data apis ke through keise get kre aur use keise post kr skte .... Mujhe aap ka tarika aacha laga jis type se aat chhote chhote apis ke cheejo ko video me smjhaya maja aa gya ..i hope aage ke video me aap post method ke bare me btaye ..aur thoda jaldi video daale kyuki koi aacha sikhadata hai to maja aata hai sikhne me ..

[@thetechbrotherss]

Hi abbay, thank you. Post Methods API are already uploaded. Ap agy is playlist ma dekh skty ha. Sorry videos ni post kr pa raha I caught high fever and it has been 2 weeks i didn't recovered.

[@thetechbrotherss]

And yes see part 10 for better understanding of data manipulating.

[@gamesden8021]

sir yeah method api ko get karna ka jaab hi hoga na jaab jason ma every object ky key values same hongaai

[@thetechbrotherss]

apka question smhh ni aya

[@vathanachiem9879]

I have problem when get image ( i got the link image but it not show the picture )

[@thetechbrotherss]

may be the image link is broken but if api data is coming then apis is working fine. replace it with static image

[@auliyasstory8316]

is ka fiyada hy ka hum class photos example two ma use karty hy?

[@thetechbrotherss]

please watch playlist from start

[@maazafridi2090]

what is difference between json.decode() vs jsonDecode() ??????????

[@thetechbrotherss]

Its same

[@amitjajoo9510]

how to create dynamic form in flutter please explain asap

[@thetechbrotherss]

Everything is explained go ahead please

[@meenakshibhasin9456]

Hi sir i have another question. Do you have any video in which we are passing json data from parent to child or vice versa.It will help me alot. I am not understanding how to proceed.

[@thetechbrotherss]

Didn’t followed your question

[@hurbangash1302]

alka za provider use kam sta na ba learn kary provider za problem kho ba na kayi kan?

[@thetechbrotherss]

na

[@amankhan-de9jd]

ager kisi api mai start jo hai wo array sai nahi hai wo object sai start horaha hai or us kai ander nested array bhi hai or nested objects bhi hai us ko kaisai handle karai gai is tariqai ki api bhot complex hoti hai

[@thetechbrotherss]

Nice question, jaise ap ny abhi object ki class create kia ha waise he ab my nested array ki class create kro with from json and to json function

[@Nucks17]

Nobody explaining this two things in model apimodel1.fromJson(Map json) { userId = json['userId']; id = json['id']; title = json['title']; body = json['body']; } Map toJson() { final Map data = new Map(); data['userId'] = this.userId; data['id'] = this.id; data['title'] = this.title; data['body'] = this.body; return data; } and and why did we use three time photos photos = photos like why cant we do it like last time list. Add(model(i)). ??? clear why of people thats how we need to learn by the way you are the only great explainer in whole youtube.... thanks

[@thetechbrotherss]

Already explained please follow the complete playlist.

[@amitpersonal6820]

Brother this code is not working again If we Pass in for loop for( map I in data){ PhotosList.add(Photos.fromjson(i)); ) Text(PhotosList[index].title,) Kare tab pass hota h Brother Ye second tarike se data pass karne wala dikhao again Jisme aap snapshot se title or photos ko lekar aa rhe ho

[@thetechbrotherss]

Bro you are doing something wrong please follow the process with. Hundred of students has done this.

[@required.]

List abc = [ ]; , what does this statement mean? , I am asking from previous video .

[@thetechbrotherss]

Means to store the the data in a list with models. List is just a list and then model parse the objects value inside the list. Model helps to parse the data.

[@wahabrider9842]

AOA BHIA .. mne same to same code likha but sirf app bar build ho rha lkein future function nhi chl rha mean kch show nhi kr rha

[@thetechbrotherss]

Check api in postman if its working or not. Print snapshots for error if api is working than it’s mean your data is not parson to model

[@wahabrider9842]

@@thetechbrotherss bhia postman me responce a rha ha lekin print(‘data’) run kia lekin kio responce nhi aya

[@sakshim4640]

Actually i have a value of data type double but i am not able to show it, when i try to do it is showing me null error

[@thetechbrotherss]

it means value are coming null, add .tostring to end and see how it works else handle null exceptions

[@Ritik-lv2gg]

Sir ye image render nahi ho rahi hai circle avatar me please tell me how to do it

[@thetechbrotherss]

Yeah image he aise ha use other link

[@Ritik-lv2gg]

@@thetechbrotherss okk thank you ❤️

[@Sanahashmi5363]

model.fromJson kesy hoga is mn?

[@thetechbrotherss]

Watch full playlist we have covered every scenarios

[@Nucks17]

how does print work in your Furure mehod bro.!!???

[@thetechbrotherss]

What do you mean ?

[@Nucks17]

@@thetechbrotherss can we use print function except void function ??? bcoz i was unable to fetch data with print on my debug cosole in future Fucntion it says need to return something

[@romzanali9930]

nice explanation

[@thetechbrotherss]

Thank you

[@auliyasstory8316]

async snapshot list q use kiya ya ks liya use kiya ?

[@thetechbrotherss]

to get the value of future builder

[@ahsunhabib6584]

Nice tutorial

[@thetechbrotherss]

thank you

[@kmailabbas5000]

sir aap ke har vedio ma awaz bohot slow hoti hai

[@thetechbrotherss]

Yar ap thora on kr lo i think slow ni ha this is the first comment jo voice ka keh raha ha

[@CodeWithMaya07]

Can you add English subtitles

[@thetechbrotherss]

Ok

[@medhavisharma1317]

gooood

[@thetechbrotherss]

Thank you

[@flutterteam01]

bhai interview ke quotations ka tutorial leke aooo.

[@thetechbrotherss]

ok

[@medhavisharma1429]

amazing

[@thetechbrotherss]

Thank you! Cheers!

[@--Manoj007]

Write the code in the neat manner

[@thetechbrotherss]

for cleaner code, check my mvvm and mvc courses. This playlist is entirely design to teach ABC of APIs

[@dharmikvora2211]

Maine sem code likha par Mera api phone Mai data show nahi ho raha hai

[@dharmikvora2211]

Postman Mai api chal raha hai Code 2 bar check Kiya sem hai

[@thetechbrotherss]

bhai print snapshot and check exceptions

[@Kitty1cat]

Sir baqi sub tik hai lekin ye CircleAvatar mai color same hai 😂😂😂😂?

[@thetechbrotherss]

hahhahahah koi bat learn the concepts and study api response

[@Kitty1cat]

@@thetechbrotherss Ok

[@waleedasghar1834]

for(Map i in data){ postList.add(PostModel.fromJson(i)); } Sir i have problem in PostModel.fromJson(i);

[@thetechbrotherss]

whats the problem ?

[@Hamza-dw4iw]

What does map i in data means?

[@thetechbrotherss]

maps the value into our model

[@Hamza-dw4iw]

thank you@@thetechbrotherss

[@devmarwat]

Sir Video Quality is too low to watch

[@thetechbrotherss]

Actually software was processing the HD version of video and i make it public before hd version got processed, now this issue is resolved. Do subscribe and keep sharing keep watching.

[@muhammadalimirza4182]

Network image load nahi ho rahi

[@thetechbrotherss]

Images apni add kr lo path ma

[@humayunmajeed_0378]

koi solution mila tha iska?

[@reelsmahic999]

Same here, status code 403

[@ShadabKhan-ib7me]

[@thetechbrotherss]

Hello

[@Quotasticmind3157]

Sir hm ye model plugin pe kio nhi kerte post wala Api our ye photos wala Api same hain agar nhi hota to hamain kese pata chale ga ke is ko custom model bnainge our us ko json to dart wala plugin wala pe banainge

[@thetechbrotherss]

Bro mainy bht detail ma explain kia ha part 6 part 11 tak please follow the playlist to clear your concepts once for all