状态改变时Flutter GetX触发函数

Question

每当我的 GetX 状态发生变化时，如何调用我的无状态小部件中的特定函数？例如。每当我的 bottomnavigationbar 的索引发生变化时，我该如何触发事件？

    Obx(
        () =>
           BottomNavigationBar(
               items: const <BottomNavigationBarItem>[
                  BottomNavigationBarItem(
                   icon: Icon(Icons.explore),
                   label: 'Erkunden',
                  ),           
               ],
               currentIndex: bottomNavigationController.index.value,
               onTap: (index) {
                     bottomNavigationController.changeIndex(index);
               },
            )
     ),

编辑：

 class BottomNavigationController extends GetxController {
     RxInt index = 0.obs;

     void changeIndex(int val) {
          index.value = val;
     }
 }

Answer 1

如果你想使用 Obx，你必须使用 Streams 首先创建一个Controller

在这个例子中我只想听一个数字的变化

class AutoLoginCheck extends GetxController {
   var num= "0".obs;

void checkNum() {
    if (num.value == "1") {
      num.value = "0";
    } else {
      num.value = "1";
    }
  }

我们可以使用这个函数来调用那个号码的变化

onTap: () {
   num.checkLoginVal();
                            },

Answer 2

获取您的控制器，根据您的要求监听方法中的更改。它可能在构造函数、构建方法或按钮的 onPress 方法等中。

BottomNavigationController bnc = Get.find();

bnc.index.listen((val) {
  // Call a function according to value
});

Answer 3

扩展@ertgrull 的回答：

您可以向任何流添加侦听器，但 Getx 还内置了 worker functions 此类功能。

通常当我需要这个时，我会在控制器的 onInit 中添加监听器。

class BottomNavigationController extends GetxController {
  RxInt index = 0.obs;

  void changeIndex(int val) {
    index.value = val;
  }

  @override
  void onInit() {
    super.onInit();

    ever(index, (value) {
  // call your function here
  // any code in here will be called any time index changes
    });
  }
}

Answer 4

如果您使用的是 GetxController，您可以通过将 .obs 添加到您想要收听的值来收听控制器中任何地方的值。

在controller中添加.obs后监听的方法与接受的答案相同

状态改变时Flutter GetX触发函数

Flutter GetX trigger function when state changes

dart

flutter

flutter-getx