如何使用getx在一个控制器中获取另一个控制器的变量

Question

这是flutter中getx相关的问题。 我有 2 个控制器。合同控制器和通知控制器。 在 ContractsController 中，我通过调用 Api 请求将值放入观察者变量中。 我现在想要的是在另一个控制器 - NotificationController 中获取该变量的数据。 如何使用 getx 函数获取该值？

合同控制器

class ContractsController extends GetxController {
  ExpiringContractRepository _expiringContractRepository;

  final expiringContracts = <ExpiringContract>[].obs; // This is the value what I want in another controller

  ContractsController() {
    _expiringContractRepository = new ExpiringContractRepository();
  }

  @override
  Future<void> onInit() async {
    await refreshContracts();
    super.onInit();
  }

  Future refreshContracts({bool showMessage}) async {
    await getExpiringContracts();
    if (showMessage == true) {
      Get.showSnackbar(Ui.SuccessSnackBar(message: "List of expiring contracts refreshed successfully".tr));
    }
  }

  Future getExpiringContracts() async {
    try {
      expiringContracts.value = await _expiringContractRepository.getAll(); // put the value from the api
    } catch (e) {
      Get.showSnackbar(Ui.ErrorSnackBar(message: e.toString()));
    }
  }
}

在 api 请求之后，expiringContracts 已成功更新数据。 现在，我想在 NotificationController 中获取该值

通知控制器

class NotificationsController extends GetxController {
  final notifications = <Notification>[].obs;
  ContractsController contractsController;

  NotificationsController() {
  }

  @override
  void onInit() async {
    contractsController = Get.find<ContractsController>();
    print(contractsController.expiringContracts);  // This shows an empty list ?????  
    super.onInit();
  }

}

Answer 1

概述

想到几个解决方案：

• 如果您只需要在实例化时完成一次，则将 expiringContracts 列表作为构造函数参数传递给 NotificationsController，或者
• 每次更新 expiringContracts 时，使用 GetX 工作者更新 NotificationsController

第一个解决方案与 GetX 无关，它只是 ContractsController 和 NotificationsController 之间的异步协调，所以让我们关注第二个解决方案：GetX Workers。

详情

在NotificationsController 中，创建一个将接收expiringContracts 的方法。

类似：

class NotificationsController extends GetxController {

  void refreshContracts(List<ExpiringContract> contracts) {
    // do something
  }

}

请注意：此代码均未经过测试。我纯粹是在 StackOverflow 中编写的，所以请考虑这个伪代码。

在ContractsController 中，我们将提供上述回调方法作为构造函数参数：

在ContractsController 中，类似：

class ContractsController {

  final expiringContracts = <ExpiringContract>[].obs

  final Function(List<ExpiringContract>) refreshContractsCallback;

  ContractsController(this.refreshContractsCallback);

  @override
  void onInit() {
    super.onInit();
    refreshContracts();  // do your stuff after super.onInit
    ever(expiringContracts, refreshContractsCallback);
    // ↑ contracts → refreshContractsCallback(contracts)
    // when expiringContracts updates, run callback with them
  }
}

这里 GetX ever worker 将 observable 作为第一个参数，将一个函数作为第二个参数。该函数必须采用与观察到的变量匹配的类型参数，即List<ExpiringContract>，因此refreshContractsCallback 的类型定义为Function(List<ExpiringContract>)。

现在，每当ContractsController 中的可观察expiringContracts 更新时，refreshContractsCallback(contracts) 就会被调用，它通过refreshContracts 将到期合约列表提供给NotificationsController。

最后，在实例化两个控制器时inside the build() method of your route/page：

NotificationsController nx = Get.put(NotificationsController());
ContractsController cx = Get.put(ContractsController(nx.refreshContracts));

事件时间表

• NotificationsController 被创建为 nx。
• nx.onInit() 运行，refreshContracts() 的缓慢调用开始
• ContractsController 被创建，带有 nx.refreshContracts 回调
• 您的页面绘制
  • nx 目前没有合约数据，所以你会进行调查。需要 FutureBuilder 或 Obx/ GetX + StatelessWidget 在数据最终到达时重建
• 当refreshContracts() 完成时，ever 工人运行，将合同发送到nx
• nx.refreshContracts(contracts) 正在运行，正在处理合约

备注

• async/await 已从 nx.onInit 中删除
• ever worker 将在 refreshContract 完成时运行

Answer 2

GetX 中有一些强大的方法。我用 Get.put 和 Get.find 解决了这个问题

这是我添加的代码。

合同控制器

class ContractsController extends GetxController {
  ExpiringContractRepository _expiringContractRepository;

  final expiringContracts = <ExpiringContract>[].obs; // This is the value what I want in another controller

  ContractsController() {
    _expiringContractRepository = new ExpiringContractRepository();
  }

  @override
  Future<void> onInit() async {
    await refreshContracts();
    super.onInit();
  }

  Future refreshContracts({bool showMessage}) async {
    await getExpiringContracts();
    if (showMessage == true) {
      Get.showSnackbar(Ui.SuccessSnackBar(message: "List of expiring contracts refreshed successfully".tr));
    }
  }

  Future getExpiringContracts() async {
    try {
      expiringContracts.value = await _expiringContractRepository.getAll(); // put the value from the API
      // ******************************** //
      Get.put(ContractsController()); // Added here
    } catch (e) {
      Get.showSnackbar(Ui.ErrorSnackBar(message: e.toString()));
    }
  }
}

通知控制器

class NotificationsController extends GetxController {
  final notifications = <Notification>[].obs;
  ContractsController contractsController;

  NotificationsController() {
  }

  @override
  void onInit() async {
    // ******************************** //
    contractsController = Get.find<ContractsController>(); // Added here.
    print(contractsController.expiringContracts);  // This shows the updated value
    super.onInit();
  }
}

最后，我发现 GetX 对于 Flutter 中的状态管理来说虽然简单但功能强大。 谢谢。