get 2.6.2 get: ^2.6.2 copied to clipboard
Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies easily with Get.
import 'package:flutter/material.dart';
import 'package:get/get.dart';
void main() {
runApp(GetMaterialApp(
initialRoute: '/',
namedRoutes: {
'/': GetRoute(page: First(), binding: Ctx()),
'/second': GetRoute(page: Second(), binding: Ctx2()),
'/third': GetRoute(page: Third()),
},
));
}
class First extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
leading: IconButton(
icon: Icon(Icons.add),
onPressed: () {
Get.snackbar("Hi", "I'm modern snackbar");
},
),
title: Text('First Route'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
GetBuilder<Controller>(
// You only need to initialize your controller the first time you use it. Don't use init in your other GetBuilders anymore
builder: (s) => Text(
'clicks: ${s.count}',
)),
RaisedButton(
child: Text('Next Route'),
onPressed: () {
// use Get.to to navigate to Second Screen
Get.toNamed('/second');
},
),
],
),
),
floatingActionButton: FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
Controller.to.increment();
}),
);
}
}
class Second extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('second Route'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
GetX<ControllerX>(
// init: ControllerX(),
builder: (_) {
print("count1 rebuild");
return Text('${_.count1.value}');
},
),
GetX<ControllerX>(
builder: (_) {
print("count2 rebuild");
return Text('${_.count2.value}');
},
),
GetX<ControllerX>(
builder: (_) {
print("sum rebuild");
return Text('${_.sum}');
},
),
GetX<ControllerX>(
builder: (_) => Text(_.name.value),
),
RaisedButton(
child: Text("Go to last page"),
onPressed: () {
Get.toNamed('/third', arguments: 'argumentososoos');
},
),
RaisedButton(
child: Text("Increment"),
onPressed: () {
Get.find<ControllerX>().increment();
},
),
RaisedButton(
child: Text("Increment"),
onPressed: () {
Get.find<ControllerX>().increment2();
},
),
],
),
),
);
}
}
class Third extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButton(onPressed: () {
Get.find<ControllerX>().incrementList();
}),
appBar: AppBar(
title: Text("Third ${Get.arguments}"),
),
body: Center(child: GetX<ControllerX>(builder: (_) {
return ListView.builder(
itemCount: _.list.length,
itemBuilder: (context, index) {
return Text("${_.list[index]}");
});
})),
);
}
}
class Ctx extends Bindings {
@override
void dependencies() {
Get.lazyPut<Controller>(() => Controller());
}
}
class Ctx2 extends Bindings {
@override
void dependencies() {
Get.lazyPut<ControllerX>(() => ControllerX());
}
}
class Controller extends GetController {
/// You definitely don't need to use this method.
/// I use it because it facilitates a lot in productivity
/// when I have dozens of references to a controller.
/// In order to use the Get.find<Controller>().count syntax
/// you can take advantage of the IDE's autocomplete
/// and type without typing the type like this:
/// Controller.to.count
///
///
static Controller get to => Get.find();
int count = 0;
void increment() {
count++;
/// use update method to update all count variables
update(this);
}
}
class ControllerX extends RxController {
final count1 = 0.obs;
final count2 = 0.obs;
final _list = [0, 1, 2].obs;
List get list => _list.value;
/// You can transform any list on obs
// final _list = List<User>().obs;
// List<User> get list => _list.value;
int get sum => count1.value + count2.value;
final name = "Jonatas Borges".obs;
increment() {
count1.value++;
}
increment2() {
count2.value++;
}
incrementList() {
list.add(count1.value++);
}
}