Flutter Onboarding tutorial with GetX || 30 mins coding challenge 👨🏻💻
HTML-код
- Опубликовано: 4 окт 2024
- Hey there, In this video we will learn how to create onboarding page in Flutter mobile application using GetX.
In this 30 minute coding challenge, we will also learn different shortcuts and tips n tricks for day to day development.
Leave your feedback in the comment section below and share what application you guys are working on!
Git Link: github.com/afz...
Design inspired by:
thememockup.co...
Clock App Series:
• Flutter Clock App | Tu...
Other videos:
Flare animation with Flutter || RIVE app animation
• Flare animation with F...
BLoC Pattern with Flutter || Basic Concept with Example (Part 2)
• BLoC Pattern with Flut...
BLoC Pattern with Flutter || StreamController
• BLoC Pattern with Flut...
Join this channel to get access to perks:
www.youtube.co...
Gears ========
Camera 📸 || Canon 250D : amzn.to/34isdKr
Mic 🎤 || Maono AU-04 : amzn.to/341g9wS
#CodeX
Connect with me on social media:
FB: / codexdevs
Twitter: / afzalali15
LinkedIn: / afzalali15
Discord: / discord
I hope you liked the video.. Let me know what you think about this Onboarding Screen? Does your application have one? 😀
How to destroy activity in GetX. And please make a video how can we take backup/restore of SQLite in flutter application. Thanks man great helpful tutorial.
bro please install MAC os 11
I’m from Cambodia, Thank you for your tutorial that best learning and clearly. I’m winform application I want to learn flutter app and api :)
Great!! I was finding a tutorial as this. And a great teacher as you!! :) Thanks for teacking me.
I'm working on my final year project...And Thanks ALLAH that I found you...🥰 Actually, i was watching SERVERPOD and found that you did All tutorials on Flutter...😍
Welcome to CodeX. and best of luck for your project!
Awesome way of demostration
Congratulations 👏🏼👏🏼👏🏼. Please, make a video about a CRUD with GetX.
wonderful and very helpful video
I was very excited when I saw another GetX tutorial,.. but not an onboarding screen 😕
we want something more complicated (logic-wise not the UI) so we understand the power of GetX
anw thanks for this awesome video and the other video, keep on ✌️
Thank you for your feedback ☺️ As a content creator I have to target all 🎯 Experts like you and beginner like many 👨🏻💻
You are a great teacher! You can teach me clearly. Awesome tutorial, keep it up man!
Good job, Thank you for sharing video
So nice of you, 👍👍
Thank you for this tutorial, as an "obs' you skiped the skip button!!
Thank you for this video , getX is best state manager.
Please more video with getX
How to show these screens the first time I open the app only the first time ?
Great man !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
perfect explanation. please add more videos. you are perfect guy
Thank you, I will
nice broo (भावा)
thank you so so much
awesome, amazing, thank you Codex. hope you make more tutorial about Flutter other
Awesome tutorial, keep it up man!
Nice video.. keep posting more with getx.. Great content😊
Thank you, I will
Great!
Great content 👍
Thank you 🙌
Thank you Very much! It is great content.
Glad it was helpful!
its wonderful you make more getx application for us
Sure, will do!
Thanks you, you are a good teacher
it's amazing
I was able to feel the urgency and time limit 😂
Do some more videos like this
Thank you for feedback... I need to put heart beat sound also when timer is running out 🤣🤣
@@CodeXdev heart beat sound💓
so now you gonna make it like flutter interstellar 😂
btw I am waiting......
plz make a full app series with getX like pro
bravo.. great video tutorial!!!
Good video. Could you kindly do REST api authentication with getx?
I already have tutorial on API, you just need to pass Authentication parameter in header..
Please uploaded a new video flutter auth with getx
Thank you very much, great tutorial video! You are a very good tutor.
Glad it was helpful! Thank you for sub!
tanks bro, awesome tutorial...
Thank you sir
At 24m09 you explain that whenever you have a function returning sn integer you can have it as the OnPage parameter. Do you mean that the "controller.selectedPageIndex" is going to be set to?
Yes, it will set the value of controller.selectedPageIndex.. behind the scene, every Rx type object you create, it has a method attached to it. If i say RxString temp; then you can assign value in two ways..
1. temp.value = 'CodeX is awesome'; or
2. temp('CodeX is really awesome');
Now we know that Rx type variables can be called as method, we can assign to any event which has same method signature :)
onSubscribe : temp;
where onSubscribe has a signature like Function(String) onSubscribe;
Thank you very so much Sir
So nice of you
please make a video on Shopify GraphQL API with Flutter. with models and etc
This is very specific topic, you want to discuss on Discord server where community members can help you out with reference
Thank you, nice video
Glad you liked it!
can you make a series that is contained the whole flutter application?
Coming up soon 🔜
great video
Glad you enjoyed it
great work sir
Great Tuts... I'm getting addict with this Getx bcos of your Getx tuts. Superb tuts and easy to follow.
BTW, I've try to make Quiz app using Getx a lil bit,..but i'm still confuse to use it. Also during making CRUD of Quiz.
Can you make tutorial how to make Quiz Apps using Getx... Thanks in Advance.
Glad you like them! TBH I cannot promise on quiz app, BUT, but yes, I am going to upload more of GetX tutorials soon...
thanks for the video!
Keep visiting for more videos 😎
please make a video on the showcase view package using Get X
Great video!
Nice tutorial as always, could you make some tutorial about getx middleware sir?
sir i am using GetX in my project but whenever i used getbuilder in a secreen then i switch then controller comes out of memory but whenever i use Get.put as controller object then i change screen but my controller stays there..
That is the purpose of Get.put, You can create multiple controllers with "tag" or you can delete using Get remove
@@CodeXdev Get.delete(force: true); like this?
Hii, Do we need to create different controllers for different screens?
Like if i am using a bottomnavigationbar and on load of both the tabs i need to fetch the data from the api, Is there any widget like futurebuilder in getx which we can use to fetch the data from api and render the screen?
Currently i have created two controllers for two tabs.
For splash, do we create a controller and use a timer of 5 seconds duration to navigate after 5 seconds to onboard screen or do we use initstate ? Am new to getx state management.
If you don't have any other functionality to perform on splash then you can simply write navigation inside your stateful widget.. but if you are loading some data, performing some intialization then use controller with stateless widget
@@CodeXdev thank you, I hope after doing couple of screens and project I think I would love it, till now I was not any state management, and I find issues with some parts like flow of the app, or refresh, I think with this Getx, most of the issues can be managed.. Love your videos
thanks
You're welcome! 🤓
i create flutter app ..but all mobiles are not properly visible..alignment will change one mobile to another ..i use media query also ..but no use ..so plz help me what can i do ..
Great content. I tried to buy you a coffee and got a Stripe error on the page "it appears that you are cloning a card payment method to a IN connected ..."
How to make add to cart using getx
good video :)
Thanks for the visit
Sir can you make a video on new features of flutter in one app
Why don't you use bottom negation bar?
hey bud, i know its been sometime since you made this was just wondering like how do i apply the "go to home " in the fowardAction func
Simple answer, Get.to(() => HomePage());
If you are using named route then write like this, Get.toNamed('/home');
Hello, very good, your videos I wanted to ask you if you have already getx_cli?
bro i hope create TU about flutter dark and light theme dynamic for some page. i sow your video but its not fix my problem, i hope create new TU about it.
thanks.
Sir, i would like you to make some details videos on Platform Views and Platform channels, I can recommend some examples
Sure, tell me a few use cases and I will plan for it
@@CodeXdev Go for native Ad example or something similar. It will include all possibilities within.
1. make custom Ad Layout in android or ios (for platform view)
2. then request for native ad (native networking)
3. populate Ad data into view, and send view back to Flutter
4. listen for clicks and perform different functions( platform channel)
hey bro can we use jenkins as Ci tool for flutter
Do you have wifi_iot tutorial
start in home par kese jaye
We need an ultimate solution for responsiveness. Please make a tutorial.
responsive designs makes developer uncomfortable 🤣🤣 I will try to create a simple tutorial first :)
Hi dear, you've a really usefull content. I have a question. Can I construct some designs from dribble or somewhere else or i should draw them in adobe xd, and then 'export' them like u. What a u recommend?
As far as you have free rights to use, you can use any design.. just bring it in XD and then you can do copy paste magic 🪄
@@CodeXdev hi, can you please also make a video tutorial on how to do this? thanks!
how can i go to specific page with Get.off() in the controller?
Get.off() removes current page and then move to next page.. if you want to particular page already present in stack then you can use Get.OffUntil()
Please provide us complete chat app flutter getx firebase
Quiero consumir una api de woocommerce, pero estoy bloqueado ayuda
getting this error while using GetX with Stream builder , "You cannot add event to closed Stream", what im trying to do is once data is returned from the sream assign data to obs variable defined in the Controller class which extends GetxController
First thing, I will recommend you not to use both at the same time as it will create complexity... Behind the scene GetX also uses Streams to handle state so you can completely rely on GetX.
How do I move to the next page if I click the next button?
Get.to() the easiest way 👍
Any tutiorial datagrid or dattable with textfileds add row remove row feature using getx.
Not yet, it will be very advance topic though
hi thanks for the video , how do you redirect on the last index , do you put that logic in the controller or the view
In controller you can create method and use pageController.jumpTo or animateTo to go to last page..
@@CodeXdev thanks for replying , l mean after the onboarding is done , moving to ie , Login or Register page
In controller, In the same method you just check for lastPage and navigate to desired page📄 i think i already added //comment indicating that☺️
How can I move to another page if I click the 'start' button on the last page? for example, I want to move to home page. Thanks !
You can use the easiest way, Get.to(()=>HomePage());
@@CodeXdev Thank you ! it works.
@@CodeXdev The method 'to' isn't defined for the type '_GetImpl'. I'm getting this error for using to
fixed forgot import thx
BLoC or GetX ?which one is better ?
I will go with GetX
@@CodeXdev I was waiting for this answer, I am more comfortable with it
Please uploaded a new video flutter auth with getx
im facing some error in Next button
PageController.page cannot be accessed before a PageView is built with it.
'package:flutter/src/widgets/page_view.dart':
Failed assertion: line 172 pos 7: 'positions.isNotEmpty'
thanx but why cannot slide by hand
Yes, you can slide as well.. both will give same results
Thanks , but you have miss the skip bottom
Hahah.. don't tell anyone 😝 It just needs to visit last page in PageViewer.. use animateToPage() or jumpToPage() method from pageController 👍
but chintu from whitehat jr can do it in seconds u know. 😂
Whitehat Jr can do anything.. 🤣
for use in skype
in id
please take 1 hour just teach us basics and teach easily and slowly please
0:27 30 second 😅😅
I realized while editing the video 😂 I would superman if can do that in 30 sec 😉
bro please
Please use Android Emulator for development, its much better.
For me both works fine, TOP secret.. on iOS it looks prettier 🤓👨🏻💻
Im gonna quit informatic ja ja ja
I didn't understood.. but I visited your channel, you have may short videos! do you have a blog channel or what?
Great video!
Thanks!