Тёмный

#19 || Flutter GetX Tutorial || Fetch & Display API Data in Flutter using GetX 

Ripples Code
Подписаться 13 тыс.
Просмотров 47 тыс.
50% 1

Support : paypal.me/ripplescode
API link
=========
makeup-api.herokuapp.com/api/...
Generate Model
=================
app.quicktype.io/
Support : paypal.me/ripplescode
In this video I have discussed how to fetch API data and display that data in getx
#GetX #RestAPIGetX #FlutterGetX

Опубликовано:

 

4 дек 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 87   
@DroneMesh
@DroneMesh 3 года назад
Very useful skeleton code to get familiar with Getx. Keep it up and no need to cover the strings and colors. Subscribed and liked 👍
@anandmano4375
@anandmano4375 3 года назад
Excellent sir... Beautifully the code is explained.. Code is elegant... 🙏🙏🙏
@rafanteapps1888
@rafanteapps1888 2 года назад
Awesome! You made flutter wayyyy much better than it was already! Thank you!
@ripplescode
@ripplescode 2 года назад
Thanks
@thisaragunasekara924
@thisaragunasekara924 2 года назад
Is that way working to you Because of http dependency upgrades and null.safety there are so.many.errors In Product model api service class and many claasses
@aakashr79
@aakashr79 3 года назад
The QuickType reference is a game changer. Thanks!
@ripplescode
@ripplescode 3 года назад
Yes...it is.
@hk20092009able
@hk20092009able Год назад
Nice and clear explanation, thank you for your effort
@sale7680
@sale7680 Год назад
Ur awesome and best thank you
@moazahmed5388
@moazahmed5388 3 года назад
finally , a dark themed video ... man i was going to get blind :D thanks for the series , it's a great work ♥
@ripplescode
@ripplescode 3 года назад
Thanks for the comment and sorry for the light theme
@moazahmed5388
@moazahmed5388 3 года назад
@@ripplescode no worries , can you share this episode's code on github ? i can't follow the code structure well in the video
@ashokrijal3442
@ashokrijal3442 3 года назад
very effective ,,, very useful
@vivekshah676
@vivekshah676 3 года назад
loved it
@crazy-man
@crazy-man Год назад
Cool, I advice to watch
@brianhide8169
@brianhide8169 2 года назад
Thank you sir
@anarhi17
@anarhi17 2 года назад
Do you have a tutorial where instead of GET you have POST where backend sends json data based on parameters that you send back to server? Something like a search bar
@rajaehtisham3024
@rajaehtisham3024 2 года назад
in controller, got an error on assigning All "The argument type 'List' can't be assigned to the parameter type 'Iterable'."
@abdulrehmananwar6990
@abdulrehmananwar6990 3 года назад
Any tutiorial datagrid or dattable with textfileds add row remove row feature using getx.
@stackflow4007
@stackflow4007 Год назад
Thanks nice lesson bro. Is there any benefit if we extend the classes from GetxView and GetxService?
@ashishdhameliya7467
@ashishdhameliya7467 2 года назад
handshake exception occurred!! so only image not loading
@mudassarmaqbool8924
@mudassarmaqbool8924 3 года назад
when I add data to server it doesn't appear newer data in listview until hot restart while list view is in Obx , Any solution
@HarishKumar-qc8nx
@HarishKumar-qc8nx 3 года назад
same type of api request with some parameters ? Any demo @Ripples Code
@kuldeepsingh-vm8zk
@kuldeepsingh-vm8zk 3 года назад
its execute one time what if data is changed in the rest api how to reload again it..?
@shivarambhatta
@shivarambhatta 2 года назад
Hello Sir, how can we display this content in single page and we have display the contents as main like name, image, brand and category in display card but how can we display all of the other detail in single page. Please reply as soon as possible !!! 🙏🙏🙏
@ajaybadole2026
@ajaybadole2026 Год назад
when I came to again home screen then show me setState or markneeds state error in obx
@SantoshYadav-lc3hi
@SantoshYadav-lc3hi 2 года назад
program is run but the http failed with statuscode 404 exception shows
@axomclutchgod1414
@axomclutchgod1414 3 года назад
Can i get this git up version for cloning.
@techzone2009
@techzone2009 3 года назад
can you make a video on Getx clean Architecture?
@sangvang2507
@sangvang2507 3 года назад
Why is put fetchProduct() before super.onInit()?
@dwinurrohman9733
@dwinurrohman9733 3 года назад
how about if error connection?
@lalremlianbtlung9042
@lalremlianbtlung9042 2 года назад
Make a Tutorial on POST method. Keep up the good work. Thanks.
@ripplescode
@ripplescode 2 года назад
Already covered in todo app
@codewithdev7533
@codewithdev7533 2 года назад
Error comes in List after future how can I solve that error
@JK92007
@JK92007 3 года назад
Gr8 sir...👌👌🌼🌹Nice Explained sir..But one question arise... Why do we have so many folders...? Can't we put all types of controllers in one Controller folder...? And so on for models and views folder...? As we will create common folder....No problem...Plz reply...👍👍
@ripplescode
@ripplescode 3 года назад
When we will create so many modules like wishlist or cart or customer then it will be easier to search the controller model view for individual modules... but as I said project structure is individual choice. What I follow, I have discussed.
@JK92007
@JK92007 3 года назад
@@ripplescode ok sir...👍😊 Please keep up this series...We want more tutorials sir....👍🌹🌹
@arafat1249
@arafat1249 2 года назад
sir, can you please upload your code in github? so we can check code easily later
@saabirmohamed636
@saabirmohamed636 3 года назад
Hi, while using null safety My List don't work Says we have to use list. Fixed this is confusing... Can u please show us how to fetch data using the null safety syntax. Also my http response says it can't cast to Future as it's not a subtype of Product
@mrbeastwithnomoney
@mrbeastwithnomoney 3 года назад
same here did you find solution
@HuynhLuong227
@HuynhLuong227 3 года назад
i got problem you too
@AliKhan-ln1dn
@AliKhan-ln1dn 3 года назад
@@HuynhLuong227 Problem find out... static Future fetchproduct() async { var response = await client.get(Uri.parse( "makeup-api.herokuapp.com/api/v1/products.json?brand=colourpop")); if (response.statusCode == 200) { var jsonproduct = response.body; return productFromJson(jsonproduct); } else { throw Exception('Failed to load post'); } }
@hammadahmad7963
@hammadahmad7963 Год назад
your image link site cant be reached
@delarammajestic2502
@delarammajestic2502 2 года назад
hi bro where can i find the source code ?
@JK92007
@JK92007 3 года назад
Sir can't we use try{} catch{}...Instead try{} finally{}...As you used...? Is this GetX method...?
@ripplescode
@ripplescode 3 года назад
Try catch finally is provided by dart.
@sale7680
@sale7680 Год назад
I backed created by laravel or node etc … Fetching data is same Or it’s deference?
@ripplescode
@ripplescode Год назад
Same
@zhgaaaaaan
@zhgaaaaaan 3 года назад
'List' is deprecated and shouldn't be used. Use a list literal, [], or the List.filled constructor instead. Try replacing the use of the deprecated member with the replacement
@pickleballgenius
@pickleballgenius 3 года назад
'List' is deprecated
@abuflutter7045
@abuflutter7045 3 года назад
hello sir, you used a fixed api url. what if the brand name is coming from a list of choices? I mean suppose you have a list of brands to choose from. how to reload the items depending on the chosen brand (by user)? please help me in this. thanks in advance.
@abuflutter7045
@abuflutter7045 3 года назад
please make a video for this idea.
@ripplescode
@ripplescode 3 года назад
Pass the brand name as query string in the API url
@abuflutter7045
@abuflutter7045 3 года назад
@@ripplescode I need to pass it programmatically, the fetch function receives the value from user choice. suppose I have a listView showing the brands, the user chooses a brand, I want to know how to pass it to the function of the api.
@ripplescode
@ripplescode 3 года назад
I will make a tutorial as per your requirement.
@abuflutter7045
@abuflutter7045 3 года назад
@@ripplescode many thanks man, you save my life.
@abuflutter7045
@abuflutter7045 3 года назад
please teach us how to send data using arguments, and how to (clear those arguments) when we return to prev page using the phone back button (not the scaffold back button).
@ripplescode
@ripplescode 3 года назад
Ok. I will make a tutorial on that ...
@abuflutter7045
@abuflutter7045 3 года назад
@@ripplescode hello..
@sunilnimaje6129
@sunilnimaje6129 Год назад
pls provide github link for this code so we can see and review code more easy.
@mgmyo7066
@mgmyo7066 3 года назад
how to call api without init method in getx?
@vishaltesting9383
@vishaltesting9383 3 года назад
where you want data simply call your api model funtion
@Superturisto
@Superturisto 3 года назад
If GetX has GetConnect why not to use it instead of Http package ?
@ripplescode
@ripplescode 3 года назад
I did not discussed GetConnect yet so I have used http🙂
@AkaiKnight
@AkaiKnight 3 года назад
I must say CodeX has a tutorial almost exactly like this
@JK92007
@JK92007 3 года назад
Yes bro CodX is also a gr8 guy...
@vijays1725
@vijays1725 2 года назад
Source code ??
@ryancitocoreano
@ryancitocoreano 2 года назад
Your video has been fantastic! Thanks :) I got an error following this video when loading images. ════════ Exception caught by image resource service ════════════════════════════ Handshake error in client (OS Error: CERTIFICATE_VERIFY_FAILED: unable to get local issuer certificate(handshake.cc:359)) ════════════════════════════════════════════════════════════════════════════════ Have you had this error before?
@SantoshYadav-lc3hi
@SantoshYadav-lc3hi 2 года назад
have u solved this error
@ryancitocoreano
@ryancitocoreano 2 года назад
@@SantoshYadav-lc3hi No, I couldn't find the solution, so I skipped it.
@nomanshariq4165
@nomanshariq4165 Год назад
@@ryancitocoreano bro error solved ?
@satiknews8944
@satiknews8944 3 года назад
i have some doubt in my project ? how to diss. with you ????
@ripplescode
@ripplescode 3 года назад
Through Mail...
@satiknews8944
@satiknews8944 3 года назад
@@ripplescode mail sent with subject i am new in flutter thanks Ajit
@satiknews8944
@satiknews8944 3 года назад
@@ripplescode mail sent . i need your help
@testtest-iy9ik
@testtest-iy9ik 3 года назад
imagine explaining programming instead of demonstrating them....
@codingskills7448
@codingskills7448 3 года назад
sorry but your tutorial is too old for api mangement you should know get provide rxStatus for api state management , its not the proper way at all in terms of api call as well as data parsing it should use generic type to increase code reusability
@ripplescode
@ripplescode 3 года назад
I know...get provide rxstatus...and so I have created a separate video on that...please check video number 23 #23 || Flutter GetX Tutorial || Fetch API Data with GetConnect & StateMixin in GetX
@codingskills7448
@codingskills7448 3 года назад
@@ripplescode ok thanks
Далее
REST API with GetX | Flutter tutorial | Shopping app
26:43
ТЫ С ДРУГОМ В ДЕТСТВЕ😂#shorts
01:00
GetX in Flutter - Part 1 (Observables)
43:30
Просмотров 20 тыс.
What Are APIs? - Simply Explained
6:49
Просмотров 876 тыс.
REST Call with Flutter - Http methods
19:55
Просмотров 69 тыс.
GetX Powerful Framework in Flutter in Detail (2021)
40:16
Pydantic Tutorial • Solving Python's Biggest Problem
11:07