Flutter：如何在 GetX 上监听变量变化答案

【问题标题】：Flutter: How to listen to variable change on GetXFlutter：如何在 GetX 上监听变量变化
【发布时间】：2021-01-07 12:30:03
【问题描述】：

我想根据pressedBool 是假还是真来改变小部件的主体。

这是我写的 GetxController。

    import 'package:get/state_manager.dart';
    
    class PressedState extends GetxController{
      var pressedBool = true;
      changeStatus() {
        if(pressedBool){
          pressedBool = false;            
        }
        else {
          pressedBool = true;
        }
        update();
      }

}

这里是 GetX 更新和侦听应该用于更改页面正文的地方：

final PressedState pressController = Get.put(PressedState());

return MaterialButton(
    onPressed: () {
      pressController.changeStatus();
    },
    child: 
      pressController.pressedBool
            ? Container(...) : Container(...)), ...

我怎样才能让 GetX 监听 pressBool 变量？

【问题讨论】：

什么是GetXController？您尚未与我们共享该代码。我也不明白你的问题。看看stackoverflow.com/help/how-to-ask 来改进它。
这不是GetXService，是GetXcontroller

标签： flutter flutter-getx

【解决方案1】：

return MaterialButton(
    onPressed: () {
      pressController.changeStatus();
    },
    child:
      GetBuilder<PressedState>(
        init: PressedState() 
        builder: (pressController) {
          return pressController.pressedBool
            ? Container(...) : Container(...))
        }
      ),

【讨论】：

查看更多解释here

【解决方案2】：

有 3 种方法可以监听控制器中属性的更改。您在控制器的 setter 方法中使用 update() 方法，因此第一个方法适用于您，也是最轻的方法。

如果您没有在小部件中初始化控制器，则：

final Controller _controller = Get.put(Controller());

如果您已经初始化了控制器并且它在内存中，那么：

final Controller _controller = Get.find<Controller>();

GetBuilder<Controller> (
init: _controller,
builder: (_) {
 return Text('${_controller.property}');
}
)

【讨论】：

是否可以监听更新，以便在更新发生时调用函数？举个例子：当谷歌折线更新时，你需要调用一个函数来动画相机。
您可以链接您的函数，该函数在更新折线的控制器内为相机设置动画。

【解决方案3】：

YourController.dart

import 'package:get/state_manager.dart';

class PressedState extends GetxController{
  var pressedBool = true.obs;
  changeStatus() {
    if(pressedBool.isTrue){
      pressedBool.toggle();
    }
    else {
      pressedBool.value = true; //or pressedBool.toggle();
    }
   
  }

}

YourView.dart

final Controller pressController = Get.put(PressedState());

return MaterialButton(
    onPressed: () {
      pressController.changeStatus();
    },
    child: Obx(() {
     return pressController.pressedBool
            ? Container(...) : Container(...),
        })

【讨论】：

【解决方案4】：

有时，只听更改并更改其他一些控制器或变量的值很有用。例如，如果我们想从另一个屏幕更改选项卡。

我们可以使用 Rx 变量创建控制器

class TabStateController extends GetxController {
  RxInt tabIndex = 0.obs;
}

之后，在带有标签的屏幕上监听变化

      _tabStateController.tabIndex.listen((value) {
        _tabController.index = value; 
      });

所以，我们可以监听可观察变量的变化。

【讨论】：