Getx库的使用

Getx库在flutter应用中的使用

obx

• Obx 是 GetX 库中结合 Rx 可观察者对象实现状态管理的 Widget 组件，使其在 Flutter 开发中实现状态管理变得更加快捷方便，让代码变得更加简洁。如下面的一个计数器的例子：
  先在 pubspec.yaml文件中添加get库依赖

  dependencies:
    flutter:
      sdk: flutter
  
    get: ^4.6.1
  

  import 'package:flutter/material.dart';
  import 'package:get/get.dart';
  
  void main() {
    runApp(MyApp());
  }
  
  class CounterPage extends StatelessWidget {
    // 创建一个可观察者对象，用于存储计数器的值
    var count = 0.obs;
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
          appBar: AppBar(title: const Text("Counter")),
          body: Center(
            child: Obx(() {
              // 在 Obx 小部件中使用数据
              return Text("${count.value}", style: const TextStyle(fontSize: 50));
            }),
          ),
          floatingActionButton: FloatingActionButton(
            child: const Icon(Icons.add),
            onPressed: () {
              // 更新数据：通过修改数据对象的值来增加计数器的值
              count += 1;
            },
          ),
        ),
      );
    }
  }
  
  

• 我们创建了一个名为 CounterPage 的无状态小部件 StatelessWidget，

• 使用 .obs 创建了一个可观察者对象 count，它表示整数类型的计数器值。

• 在 build 方法中，我们返回了一个 Scaffold，其中包含了一个 AppBar、一个居中的文本小部件和一个浮动操作按钮。

• 在居中的文本小部件中，我们使用 Obx 小部件来监听 count 的变化。当 count 的值发生变化时，Obx 会自动刷新界面，显示最新的计数器值。

路由

• 默认导航

// 默认的Flutter导航
Navigator.of(context).push(
  context,
  MaterialPageRoute(
    builder: (BuildContext context) {
      return HomePage();
    },
  ),
);

• Get导航

在 GetX 库中，提供了多种路由跳转的方法，主要包括以下几种：

Get.to()：跳转到新的页面，并将新页面压入堆栈。例如：

Get.to(NextPage());

Get.off()：跳转到新的页面，并将当前页面从堆栈中移除。例如：

Get.off(NextPage());

Get.offAll()：跳转到新的页面，并清空堆栈。例如：

Get.offAll(NextPage());

Get.back()：返回上一个页面。例如：

Get.back();

Get.toNamed()、Get.offNamed()、Get.offAllNamed()：使用命名路由进行跳转。例如：

Get.toNamed(‘/next’);

put

在Getx框架中，Get.put和 Get.lazyPut都是用来向依赖注入系统添加实例的方法。

• Get.put：这个方法会立即实例化对象，并将其存储在Getx的依赖注入系统中。这意味着无论是否有代码使用这个对象，它都会被创建。这对于你希望在应用启动时立即初始化的对象（例如，服务或控制器）非常有用。
• Get.lazyPut：这个方法会在第一次使用对象时才实例化对象。这对于可能不会立即使用，或者可能根本不会使用的对象非常有用，因为它可以帮助节省内存和初始化时间。

class Service {
  static Future<void> init() async {
    // 添加 fenix: true 参数，会强制重新创建
    Get.lazyPut(() => ApiService());
    Get.lazyPut(() => StorageService());
    // 这个方法会异步地初始化一个AuthService对象，并等待它的init方法完成
    await Get.putAsync(() => AuthService().init());
    Get.lazyPut(() => NavigationController(), fenix: true);
    Get.lazyPut(() => AuthController(), fenix: true);
    Get.lazyPut(() => WordsService());
    Get.lazyPut(() => WordsController(), fenix: true);
  }
}