Flutter Getx State Management Tutorial | GetBuilder | Obx | Update | Dependency Injection | Routing
Вставка
- Опубліковано 16 гру 2021
- You will learn about flutter Getx State Management. We will cover GetBuilder, Obx and Dependency Injection. We will also cover the difference between GetBuilder and Obx. We will also learn how to inject controller. Injecting controllers many different ways. We will also the difference between Getx Get.find() and Get.put and Get.lazyInput.
🔥🔥🔥🔥🔥🔥📚📖📚📖📚📖📚📖📚📖Take the complete E-commece app
www.dbestech.com/tutorials/fl...
📚📖📚📖📚📖👆🔼⏫🔥🔥🔥🔥🔥🔥
Flutter food delivery app
www.dbestech.com/tutorials/fl...
We will also covering Getx routing and update method
Learn more about getx here with beautiful ui
www.dbestech.com/tutorials/fl...
twitter @dbestech
Timestamp
0:0:30 Create a project
0:0:46 Install Getx Package
0:0:50: Introduction to Getx Package
0:02:00 Create my_home_page a staless class
0:02:58 Work on the ui
0:07:48 Done working on the basic UI
0:08:30 Create first getx controller
0:09:24 Create first Getx Int variable
0:12:00 Introduce dependency injection
0:14:50 Call controller method
0:17:20 Introduce GetBuilder
0:20:15 Getx Update() method
0:23:24 Create first_page file
0:26:17 Getx Get.to Routing
0:30:03 Getx Get.back() routing
0:32:02 Introduce Get.find() method
0:35:41 Compare update() and setState()
0:38:53 Null check operator used on null value explain
0:40:05 Create second_page.dart
0:42:17 Navigate to second_page
0:43:24 Create third_page.dart
0:45:20 Use Get.find() on third_page for finding the controller
0:47:44 Different way finding a controller Get.find using arrow
0:49:20 Introducing RxInt and obs in Getx
0:50:10 Work on the obs value
0:54:20 Introducing OBX() in Getx
0:57:07 Sum or Add two values in Getx Controller
0:58:56 Get the sum value in the value using function
0:59:55 Multiple column inside Obx()
1:02:07 Saving the sum or added value in obs value
1:02:29 Create the second controller listController
1:03:10 Create properties or field inside the controller
1:03:15 Created obs list in the Getx Controller
1:04:23 Inject ListController in the third_page
1:05:00 Get the value from another controller and Set or pass the values in the Obs list from the view to the other controller
1:08:00 Introducing a different way of injecting controllers or dependency injection
1:10:08 Initialize all the controllers in a different file
1:11:06 Do the controllers binding in the main function. Do the dependency bindings
1:13:09 Use lGet.azyPut() for controllers injecting
1:14:56 Using binding class to do the bindings of the controllers using intialBinding - Наука та технологія
As a flutter beginner. This is the most clear example about state management. Thank you very much.
You're very welcome!
That's the video I was looking for. Thanks for creating such beautiful content.
My pleasure 😊
Well explained, this is by far the most detailed tutorial that I've watched. Props to you sir, thank you. +subs
Thanks for the sub!
true.
Wow GetX is amazingly awesome!!
Get a food delivery e-commerce app
www.dbestech.com/tutorials/flutter-food-delivery-app-e-commerce-for-ios-and-android
Relax, savor a sip of coffee, and engage in coding. Appreciate the approach and of course the video!
Glad you liked it!
The only getX tutorial that i could understand it
Thank you so much
You are welcome
Hey thank you very much! Learnt a lot from this!
Most welcome
Thanks. This is a really comprehensive approach to learning GetX Package
Glad it was helpful!
Thanks well needed Tutorial 👏👏👏👏
As a beginner i am understand very well
Thank you ❤️
You’re welcome 😊
great teacher thank you 😍
the best GetX video i have seen
You are welcome
You are my hero..Very nice class!!
Wow, thanks
well described,
thank you for posting this video. It helped me alot.
Glad it helped
You're really the best!
You're the best!
This Getx video needs an award
Thank you brother.
nice!!! well done!!!
That was So simple to Understand ❤❤
Yes, GetX is one of the Best
One of the best Video on Getx .. keep it up..
Thanks a ton
Great tutorial. thank you for sharing the knowledge
My pleasure!
Thanks a lot...Greetings from Egypt...
Welcome!
This is very great tutorial. I enjoyed it thank you sir
You are very welcome
Thanks so much brother May Allah bless you.
Thank you too
Good tutorial on Getx state management!
Glad it was helpful!
You tutorials are great and they are helping me create my own app, one question that I cannot get my head round.
when you use the stless short cut to create a widget, I get a slightly different syntax as below:
class MyApp extends StatelessWidget {
MyApp({super.key});
this is different to yours, which is below
class MyApp extends StatelessWidget {
MyApp({Key? key}) : super(key: key);
What are the implications to this, any videos where you explain?
I am a beginner so sorry if its a stupid question.
awesome...jazzakumullahu khoeron katsieron...
Thank you.
This lesson help me a lot
Thank you so much
Most welcome
just land to this tutorial, like it and appriciate it, by the way on the minute 21.40 i like that sound of shipping of coffee.(:
Awesome, thank you!
nice and easy to understand
Thank you 😄
You're welcome 😊
When I initialize the controller inside the build function like you did. The values of the controller do not persist. And the controller gets deleted as soon as the page is shifted to next page. How is it happening in your implementation I have no Idea.
simple and good tutorial .. thanks
Glad it helped
My Hero!
thanks
its informative.
Thanks for liking
Thanks for the video, have you used the getx cli...it sets up everything so nicely...I hope you will do an app or a youtube video on that...your explanations are clear and well presented.
I have been using only getx cli to scafold all my projects
I will check it out
Veery nice tutorial ..
Many many thanks
Your flutter payment app is good and very helpful
Glad to hear that
Great tutorial 😀
Thank you! Cheers!
Well explained, was helpful and delicious coffee
haha. thanks
Thank you so much :)
You're welcome!
I remember your tutorial with firebase auth and getx landed me a better business..
Glad to know.
Wonderful concepts sir
Keep watching
wa alaikum as Salam
Thank you.
You're welcome!
thanks you very from senegal
You are most welcome
Thank u sir please create a video of api intergrations with Getx
cool. I will try next week
Thank you bro
Welcome
By the way what is best ?? to use Bloc of GetX its really confusing as new things arrive it becomes tough to switch between things every time a new thing comes, kindly suggest
Must start with Getx and then learn more about others if you have time..
居然是中文大佬,啥时候开播中文教程啊
❤
Thanks
What is the good point to use getx comparing to flutter-normal state control, and other tools like riverpods?
easier and productive.
for big project is it best to fetch data always using global state management or is best to fetch data on each screen ?
fetch data mostly based on each screen
Salam Brother, which one good practice in programing big app, used GetBuilder or Obs?
I think it's GetBuilder
getx with getbuilder and api calling in flutter video bnao na
Masha Allah Jazakallahu khairan
Thank you
There is one tutorial thats most awaited and missing in the internet. Firebase admin panel that can work with ride sharing apps or food delivery. Can you do something like it please ? Or point to a tutorial like that ?
Hi Pannam, I am already making one e-commerce site for food delivery. I will release that one in a week or two.
@@dbestech Will it have an admin panel as well ?
@@chomanthapa Yes. It will have a complete backend.
hello sir, please how can i close a Getx controller after changing page ?
This link may help you learnflutter.co/how-to-dispose-remove-or-close-getx-controller/
all tutorials i watched is all about simple increasing and decreasing value. How about changing bool value and changing string value and transferring it to another class? i want to put dark and light theme in my app with custom colors not in themeData but i cant make it work using statemanagement.
It's extremely easy. I will release on
@@dbestech thanks.. i really need it. here are my colors just for reference. I put it inside colors.dart and imported it to all classes and uses it:
Color background = darkTheme ? const Color(0xFF040C23) : const Color(0xFFF8EBD4);
Color textMain = darkTheme ? const Color(0xFFFFFFFF) : const Color(0xFF000000);
Color text = darkTheme ? const Color(0xFFA19CC5) : const Color(0xFF575D5B);
Color secondary = darkTheme ? const Color(0xFFA19CC5) : const Color(0xFF8789A3);
Color orange = const Color(0xFFF9B091);
Color primary = darkTheme ? const Color(0xFFA44AFF) : const Color(0xFF000000);
Color circles = darkTheme ? const Color(0xFFA44AFF) : const Color(0xFF704214);
Color gray = darkTheme ? const Color(0xFF121931) : const Color(0x59BBC4CE);
Color gradient1 = darkTheme ? const Color(0xFFDF98FA) : const Color(0xFF704214);
Color gradient2 = darkTheme ? const Color(0xFFB070FD) : const Color(0xFFA87242);
Color gradient3 = darkTheme ? const Color(0xFF9055FF) : const Color(0xFFE2A674);
Masha Allah jazakallahu khairan, you are so awesome man... i just started flutter any ideas of where i can start from ?
First try to make simple UI. Understanding row, column and containers are very important for basic ui. and then try to understand setState(). And then slowly towards other library.
@@dbestechok thanks very much brother, but inside uour videos do you have any i can start with first then gradually move on to another and also can you recommend a site where i can get mobile UI to be practicing with ?
Your font color is grt, how you do it?
ua-cam.com/video/Szy1wGfpVq0/v-deo.html this could help
How do you use nested GetBuilder to inject multiple controllers? Is it possible?
I have tutorials for it. You may search it
@@dbestech thank you very much, I found it
Sir, make a full caurse on how to make wallet app in flutter and laravel api
We will try. But first we are working on the e-commerce site which we will upload soon
@@dbestech add wallet function in e-commerce
@@techliv9806 It will include payment gateway
at 1:02:08 why RxInt get y = _y.value??
in case of RxInt get z = _z.value
you can.
in china?
In a complex app We should use GetBuilder or Obx
I used both for complex app. But I think obx is better.
Bro how can i use double variable as obs
Did you try Rxdouble x=0.0.obs?
@@dbestech yes. But map latlng doesn't take rxdouble. Use double latlng= 0.00.obs() now it's working. Thank you for reply❤️❤️❤️.
is this null safe ?
yes it is
thanks..i watch your full video..i like it
@@nextzen9550 great
Chinese? I am a half korean half white girl :)
Bro create a ai radio app with flutter
Ok I will try