Popular GetX commands in Flutter

In GetX, there are several commonly used commands or methods for managing state, navigation, and dependencies. Here are some of the key `Get.` commands used in GetX:

1. GetBuilder: A widget that rebuilds itself whenever the specified controller or reactive class changes state.

2. GetX: A widget that listens to changes in the specified controller or reactive class and rebuilds itself accordingly.

3. Get.put: Binds an instance of a class to a specific route, making it available for dependency injection and accessible throughout the widget tree.

4. Get.lazyPut: Lazily binds an instance of a class to a specific route, meaning the instance is created only when it is requested.

5. Get.find: Retrieves an instance of a class or service from the dependency injection container.

6. Get.create: Creates a new instance of a class or service whenever it is requested.

7. Get.putAsync: Binds an asynchronously created instance of a class to a specific route.

8. Get.lazyPutAsync: Lazily binds an asynchronously created instance of a class to a specific route.

9. Get.delete: Removes an instance of a class or service from the dependency injection container.

10. Get.off: Navigates to a new route, replacing the current route in the navigation stack.

11. Get.to: Navigates to a new route, pushing it onto the navigation stack.

12. Get.back: Navigates back to the previous route in the navigation stack.

Examples How to use

State Management (GetX Obx):

import 'package:get/get.dart';

//Controller 
class MyController extends GetxController {
  var count = 0.obs;

  void increment() {
    count.value++;
  }
}

class MyPage extends StatelessWidget {
  final MyController controller = Get.put(MyController());//Here we use controller

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GetX State Management'),
      ),
      body: Center(
        child: Obx(() => Text('Count: ${controller.count}')),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: controller.increment,
        child: Icon(Icons.add),
      ),
    );
  }
}

Navigation (GetX Routing):

import 'package:get/get.dart';

class HomeController extends GetxController {
  void goToNextPage() {
    Get.to(NextPage());
  }
}

class HomePage extends StatelessWidget {
  final HomeController controller = Get.put(HomeController());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('GetX Navigation'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: controller.goToNextPage,
          child: Text('Go to Next Page'),
        ),
      ),
    );
  }
}

class NextPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Next Page'),
      ),
      body: Center(
        child: Text('This is the Next Page'),
      ),
    );
  }
}

Dependency Injection (GetX Dependency Management):

import 'package:get/get.dart';

class UserRepository {
  void login() {
    print('User logged in');
  }
}

class UserController extends GetxController {
  final UserRepository userRepository;

  UserController({required this.userRepository});

  void doLogin() {
    userRepository.login();
  }
}

void main() {
  final userRepository = UserRepository();
  Get.put(UserController(userRepository: userRepository));

  Get.find<UserController>().doLogin();
}

These are just some of the commonly used Get. commands in GetX. Each command serves a specific purpose in managing state, navigation, and dependency injection in Flutter applications using GetX.

• Twitter
• Pinterest
• Facebook