Get X State Manager OverAll
1. Routing Named Un-Named
2. Dependency Get.put/find/create/lazyput/putAsync
3. State Management Reactive Simple
GetX/Obx GetBuilder
4. Translations / Locals/ Theme
5. Binding
6. Unique Id & Workers
7. GetxService
8. Local Storage get_storage package
9. GetView & GetWidget
10. GetConnect /GetPage
Get X Worker
Worker Type :-
import 'package:get/get.dart';
import 'package:get/get_state_manager/get_state_manager.dart';
class SimpleManagementController extends GetxController{
var count =0.obs;
void increment(){
count++;
}
@override
void onInit() {
// TODO: implement onInit
super.onInit();
// Worker
ever(count, (callback) => print('Ever'));
// List of variable in everAll Worker
everAll([count], (callback) => print('ever all'));
// called once when value change
once(count, (callback) => print('once'));
// called every time when value change with duration
debounce(count, (callback) => print('debounce'),
time: Duration(seconds: 5)
);
}
}
Get Builder With Unique id with Controller
1. Create Controller
import 'package:get/get.dart';
import 'package:get/get_state_manager/get_state_manager.dart';
class SimpleManagementController extends GetxController{
var count =0;
void increment(){
count++;
update(['123']);
}
}
2.Calling Unique Id
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:get/get_state_manager/get_state_manager.dart';
import 'package:getx/controller/simplestatemanagement_controller.dart';
class SimpleStateManagementPage extends StatelessWidget {
SimpleStateManagementPage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Get Builder"),
backgroundColor: Colors.greenAccent,
),
body: SafeArea(
child: SingleChildScrollView(
child: Column(
children: [
Text("Welcome"),
GetBuilder<SimpleManagementController>(
id: '123', // unique ID
init: SimpleManagementController(),
builder: (controller) => Text("Clicks ${controller.count}")
),
GetBuilder<SimpleManagementController>(
init: SimpleManagementController(),
builder: (controller) => Text("Clicks ${controller.count}")
),
],
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
var controller = Get.find<SimpleManagementController>();
controller.increment();
},
),
);
}
}
GetX (Reactive State Management) with GetxController (Controller)
1. Create Controller
import 'package:get/get.dart';
import 'package:get/get_state_manager/get_state_manager.dart';
class SimpleManagementController extends GetxController{
var count =0.obs;
void increment(){
count++;
}
}
2. Calling GetX
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getx/controller/simplestatemanagement_controller.dart';
class SimpleStateManagementPage extends StatelessWidget {
SimpleStateManagementPage({super.key});
// Create object or instance
final SimpleManagementController controller=Get.put(SimpleManagementController());
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Get Builder"),
backgroundColor: Colors.greenAccent,
),
body: SafeArea(
child: SingleChildScrollView(
child: Column(
children: [
Text("Welcome"),
GetX<SimpleManagementController>(
builder: (_)=>Text("Clicks ${controller.count}")
),
],
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: (){
controller.increment();
},
),
);
}
}
3.Calling GetX Without instance of Controller Helping (Get.find)
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getx/controller/simplestatemanagement_controller.dart';
class SimpleStateManagementPage extends StatelessWidget {
SimpleStateManagementPage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Get Builder"),
backgroundColor: Colors.greenAccent,
),
body: SafeArea(
child: SingleChildScrollView(
child: Column(
children: [
Text("Welcome"),
GetX<SimpleManagementController>(
init: SimpleManagementController(),
builder: (controller) => Text("Clicks ${controller.count}")),
],
),
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
var controller=Get.find<SimpleManagementController>();
controller.increment();
},
),
);
}
}
GetBuilder ( Simple Statemanagement ) with GetxController (Controller)
1. Create Controller
import 'package:get/get_state_manager/get_state_manager.dart';
class SimpleManagementController extends GetxController{
var count =0;
void increment(){
count++;
update();
}
}
2. Calling GetBuilder
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:getx/controller/simplestatemanagement_controller.dart';
class SimpleStateManagementPage extends StatelessWidget {
SimpleStateManagementPage({super.key});
// Create object or instance
final SimpleManagementController controller=Get.put(SimpleManagementController());
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Get Builder"),
backgroundColor: Colors.greenAccent,
),
body: SafeArea(
child: Column(
children: [
Text("Welcome"),
// Calling variable
GetBuilder<SimpleManagementController>(
builder: (_)=>Text("Clicks ${controller.count}")
),
],
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: (){
// Calling functioncontroller.increment();
},
),
);
}
}
