API Integration in flutter | Fetching data from API | Flutter Tutorial

In this video, I have tried to explain to you how to integrate API in flutter app. I hope you will like it.
Note: 50% of this channel earning is used for Animal welfare.
Keep Learning,
Praveen Prakash
API Link:- reqres.in/
Flutter- Firebase Series: - rb.gy/vvbn9r
Flutter Animation Series:- rb.gy/rjnmpj
Domino's clone app: • Dominos Clone App in F...
Food Delivery app:- • Food Delivery App | Sp...
Book Reading app:- • Flutter | Book Reading...
Share, Support, Subscribe!!!
TH-cam: / praveenprakash1986
Facebook page: / techniepraveenprakash
Instagram: / techiepraveen
Facebook profile: / praveenthedesigner
Twitter handle: / techiepraveen1

[@PriscaKaliati]

So clear and straightforward 🥺

[@TechiePraveen]

Thank you 🙂

[@shreyaschavan7976]

thanxx a lot very useful tutorial

[@TechiePraveen]

Welcome 🙂

[@SuganyaMurugan-q4p]

Thank You so much

[@sreejithcs9443]

Thank you so muchh.....

[@TechiePraveen]

Welcome, @Sreejith.. Keep learning and keep supporting me 🙂

[@sreejithcs9443]

@@TechiePraveen Yes!! Sure
Expecting more videos on Flutter ✨️

[@TechiePraveen]

@@sreejithcs9443 sure, i will upload more soon.

[@sreejithcs9443]

@@TechiePraveen ❤️

[@SachinDhouchak]

why Future apicall() async is called ? Can someone plz tell me ?

[@TechiePraveen]

Hi, whenever we are waiting for some data, then we used async, and future is used to map json values...those values will get in future

[@yadavsarita-qg2gs]

thanks a lot it's really meaningful tutorial.

[@TechiePraveen]

welcome 🙂

[@christianmichael7270]

Thank you for this video, it helped simplify API call

[@TechiePraveen]

welcome 🙂

[@someshsahu4638]

Very nice explanation thankyou so much 🙏🏼🙏🏼🙏🏼

[@TechiePraveen]

I am glad that you like my video, Somesh 🙂

[@prabinstephen850]

Thanks A Lot Buddy. Ur Video Help Me A Lot. Keep It Up And God Bless U.

[@TechiePraveen]

Thanks for commenting @Prabin.. Keep watching and keep learning.

[@codingstars5208]

thank you first time i try API successfully

[@TechiePraveen]

Thank you for commenting. Keep learning and keep supporting me. 🙂

[@codingstars5208]

so clear information

[@TechiePraveen]

Thank you 🙂

[@rv9570]

Superb

[@TechiePraveen]

Thank you 🙂

[@AbhishekSharma-kp3ph]

Nice and complete API tutorial

[@TechiePraveen]

Thank for commenting @Techno Trending. Keep watching and keep supporting me. 🙂

[@amanswastikrath8460]

got to learn a lot of things infact it was a grt video!! but in the end I am getting a error " Unhandled Exception: type '_InternalLinkedHashMap' is not a subtype of type 'List'"

[@TechiePraveen]

Hi Aman, sorry for late reply. Need to see the code for error. Please ping me on twitter for one to one interaction and thanks for commenting, i’ll try my best to help you out 🙂

[@chathuradeshapriya3565]

@@TechiePraveen I have too that error. can you explain or correct code

[@SowbaranikaG]

Thanks a lot , by following ur teaching I made my own UI , with video and description!! Thankyou so so so much ! Great work!

[@TechiePraveen]

Welcome 🙂

[@nurislamrajib2098]

thanks. learn lot of thinks

[@zabinoori49]

It was best explained thanks 😊

[@TechiePraveen]

Thank you @zabi 🙂

[@surajkushwaha890]

Hii sir
String stringResponse;
Map dataResponse;
Map mapResponse;
List listResponse;
Show tha error
All Response line show error
How to find

[@being_billo]

put it like this as i wrote
String? stringResponse;
Map? mapResponse;
put ? mark after the data type

[@areenasjayan9280]

Thanks bro
nice vedio
keep doing vedios 👌👌👌

[@TechiePraveen]

Thanks a lot @Areena. Keep learning and keep supporting me. 🙂

[@shivendratiwari8069]

Thanks alot..I want to know that how can I get individual item details after pressing on single item from list

[@TechiePraveen]

Hi Shivendra, I think you want product details page, so for this you can create a separate class and pass the value of the api in that class by using index. Let me know in case you need any help from me. 🙂

[@shivendratiwari8069]

@@TechiePraveen yeah I used index and I am getting all the list items but I only want to get a single item details of an selected item.Thanks..

[@TechiePraveen]

@@shivendratiwari8069 so, in that case, you can give the condition for that specific items.

[@chaitanyapawar5483]

Thanks Praveen

[@TechiePraveen]

welcome Chaitanya Pawar 🙂

[@satyamdubey7721]

Thank bro 😊😊😊😊😊

[@TechiePraveen]

Welcome bro 🙂

[@vasantkalal-x4j]

mapResponse["data"].toString(), (_TypeError (Null check operator used on a null value)) showing me this error can any one tell me what to do?
after putting datatype Map?mapResponse....

[@syedsohaibaliraza3452]

Thanks a lot, its very helful video and to the point . great one

[@TechiePraveen]

Thank you 🙂

[@Kefmoles]

Thanks a lot for this.

[@harshitgrover4984]

Flutterflow par video banaiye

[@TechiePraveen]

Bahut jald flutter ke series start hone wali hai so stay tuned 🙂

[@haisamkhurshid1294]

Please give your detail to contact you.I am building a flutter app where dynamic data and list charts is getting involved and i am getting confused in that.Please help

[@MSS_SUNILKUMARSV]

Can you share the code and list the packages which you have used in this, please?

[@learningcurious5845]

this is superb IMO... lets give a try !

[@TechiePraveen]

Thank you 🙂. Keep watching and keep supporting me.

[@collinsattafuah2947]

Wow this is amazing . Thanks a lot

[@TechiePraveen]

Thank you collins for your beautiful comment. Keep
learning and keep supporting me 🙂

[@satyamsuryawanshi5955]

helped a lot thank u sir

[@TechiePraveen]

Thanks Satyam

[@kinisfort501]

Thank you

[@TechiePraveen]

Most Welcome, Kinis. 🙂

[@thazeroword646]

Very nice tutorial

[@TechiePraveen]

Thank you. 🙂

[@abubakarmohammed2231]

How do i display container with an image if listresponse. Length == null? 0 : listresponse. Length

[@hafisdavies8835]

This was lovely. Please can you lecture on post method for registering a user and logining in the registered user

[@TechiePraveen]

Hi Hafis, thank you for commenting. Sure, i will create the API integration in detail with POST method using e-commerce scenarios. Stay tuned. 🙂

[@hafisdavies8835]

@@TechiePraveen really looking forward to that. Thanks in advance

[@نورعادل-م1ث]

thanks can i use this method in travell app please answer me ????and what i write to get api from travell app can u help me

[@taingoc5228]

How to get Home List User click push Detail User ???

[@chachu2955]

How to listen to data change in http (api request)

[@TechiePraveen]

Hi @chachu, please elaborate your question. You want to handle when API response gets changes ?

[@shashikantgiri9671]

well explain to fetch data from api,s

[@TechiePraveen]

Thank you @Shashikant, stay tuned as new videos are going to upload soon..🙂

[@keeritikuna2600]

okka mukka ardam kavadam le

[@gnanaprakash5082]

Thank you ❤️

[@TechiePraveen]

Welcome 🙂

[@jaypatel6770]

now please add on click method in listview

[@TechiePraveen]

Hi Jay, soon i am going to upload an e-commerce app videos from scratch where i am going to cover all these topics

[@Physics3333]

fully clearly understandable,simply super

[@TechiePraveen]

Thank you 😊 @ak

[@Physics3333]

Do lecture on database bro

[@JayNirmalkarx]

is wrap stream builder to list view
for imidently data change

[@olainiyanadewale5219]

This great video, in fact, I gained a lot from it. Please, I am having this error:
lib/main.dart:67:35: Error: Operator '[]' cannot be called on 'Map?' because it is potentially null.
- 'Map' is from 'dart:core'.
: Text(mapResponse['data'].toString()),
^

[@TechiePraveen]

Hi Olainiyan, i think you have not handled the null conditioned, so for the either write the code for null condition or downgrade the null safety..🙂

[@areenasjayan9280]

Use like this
Map mapResponse ={ };
List listResponse = [ ];

[@seybiz]

HI i am a beginner learning Flutter and getting the same null error in this statement, child:mapResponse ==null? Text("Data is laoding"):Text(mapResponse['data"].toString()),
Can you provide exact /more details how to resolve it. Thks

[@yusufpathan9591]

Where is modal class??

[@TechiePraveen]

Hi Yusuf,as this is just an example of api integration. So, i haven't created a model class. However, you can create a model class and also use state management for the better handling of apis. Let me know in case you need any help in this.

[@ambatiashok6199]

easy to understand

[@TechiePraveen]

Thank you 😊

[@vi.p8376]

bro pojo class whre is code?

[@001Debjeet]

well explained praveen

[@TechiePraveen]

Thank you @Debjeet😊

[@rangasamyeswaran8440]

how to map that api value into the doughnut chart

[@saurabhpratapsingh8855]

Sir pls explain the post api for login

[@naik6142]

thank you man

[@TechiePraveen]

Thank you 😊

[@vi.p8376]

for me not wrking i want git source code

[@rohankamble7347]

I am getting output in html format

[@sajalbhattar2897]

Great

[@TechiePraveen]

Thank you @sajal 🙂

[@testdemo8822]

thank you brother

[@TechiePraveen]

Most welcome. Keep learning and keep supporting me. 🙂

[@shashikantgiri9671]

thanks a lot sir

[@ashutoshnakhe3318]

Nice informative video 👍✨

[@TechiePraveen]

Thank you 🙂. Keep watching and keep learning.

[@kevinpierrerafaelsabran4748]

thank you alot sir

[@MemeFuse1]

thank you!

[@AnkitaSingh-kq4yo]

Sir Arraylist se Arraylist kasie nikalege

[@NazrulIslam-iz6sw]

how to do a pagination here?

[@ameerulfayisp3139]

showing error stringResponse not initilized

[@vchib1]

This is happening because We're Initializing the stringResponse in the apiCall() method's if condition but if the success code != 200 then there's no else condition to initialize the string. Therefore, this error will come.
solution: String stringResponse = " " ; //initialize empty String

[@kabilanrajkumar-xb1to]

@@vchib1 then also I got

[@kabilanrajkumar-xb1to]

@@vchib1 I couldn't able to access the element in the text field

[@johnsunnyjohnsunny4296]

hi sir, im a beginner and i have live running website and im try to convert it into a app and i have designed my own ui in flutter and how do i pull the login data from the website

[@sarveshyadav6175]

With the help of api...u can do this..

[@metaiot]

Thanks alot praveen for explaining this so clearly. This was pain for me as I'm mostly get comfort with Angular and JS Frameworks 👏

[@TechiePraveen]

I am glad that you like this video. Keep learning and keep.supporting me. 🙂

[@tragicomradeshorts5351]

Easy and clean explanation ever, 100% worked tutorial . Thanks a lot man.

[@TechiePraveen]

Thank you @Sanjeev, Keep learning and keep supporting me. 🙂

[@yaminiashokkumar2648]

really good explanations. pls post like this relevant videos comparing two three api together