首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Flutter:如何监听GetX上的变量变化

Flutter:如何监听GetX上的变量变化
EN

Stack Overflow用户
提问于 2020-09-21 19:57:00
回答 4查看 10.8K关注 0票数 1

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

这是我写的GetxController。

代码语言:javascript
复制
    import 'package:get/state_manager.dart';
    
    class PressedState extends GetxController{
      var pressedBool = true;
      changeStatus() {
        if(pressedBool){
          pressedBool = false;            
        }
        else {
          pressedBool = true;
        }
        update();
      }

}

下面是GetX update和listen用来更改页面正文的地方:

代码语言:javascript
复制
final PressedState pressController = Get.put(PressedState());

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

如何让GetX侦听pressedBool变量?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2020-09-22 03:07:40

代码语言:javascript
复制
return MaterialButton(
    onPressed: () {
      pressController.changeStatus();
    },
    child:
      GetBuilder<PressedState>(
        init: PressedState() 
        builder: (pressController) {
          return pressController.pressedBool
            ? Container(...) : Container(...))
        }
      ),
票数 5
EN

Stack Overflow用户

发布于 2021-07-06 19:08:18

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

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

代码语言:javascript
复制
class TabStateController extends GetxController {
  RxInt tabIndex = 0.obs;
}

然后,在带有选项卡的屏幕上收听更改

代码语言:javascript
复制
      _tabStateController.tabIndex.listen((value) {
        _tabController.index = value; 
      });

因此,我们可以监听可观察变量的变化。

票数 5
EN

Stack Overflow用户

发布于 2021-07-04 16:05:23

YourController.dart

代码语言:javascript
复制
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

代码语言:javascript
复制
final Controller pressController = Get.put(PressedState());

return MaterialButton(
    onPressed: () {
      pressController.changeStatus();
    },
    child: Obx(() {
     return pressController.pressedBool
            ? Container(...) : Container(...),
        })
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63991803

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档