为何GetX包的Obx在以Rx为参数的函数中无法正常工作？

为什么test1能正常更新？ #

test1的Obx构建函数内部调用了moreThan5 getter，这个getter会直接访问counter这个Rx对象。GetX的Obx机制会自动追踪构建函数执行过程中所有被访问的Rx对象，因此它实际订阅的是counter。当counter的值变化时，Obx会触发组件重建，重新调用moreThan5计算最新的counter > 5结果，从而更新UI。

为什么test2无法更新？ #

调用test2(moreThan5)时，执行逻辑如下：

• 在MyApp的build方法中调用moreThan5 getter，会创建一个全新的RxBool实例，其值为当前counter对应的counter > 5结果（比如初始为false）。
• 这个独立的RxBool实例被传递给test2，test2的Obx只会订阅这个传入的RxBool对象。
• 但这个RxBool和counter没有任何绑定关系，它的value不会随着counter的变化自动更新。后续counter递增时，传入test2的RxBool值始终是创建时的初始值，因此Obx不会触发重建。

修复test2的两种方案 #

方案一：让test2直接订阅counter

修改test2的参数为RxInt，在内部计算判断逻辑：

Widget test2(RxInt counter) {
  return Obx(() => Text((counter.value > 5).toString()));
}

// 调用时传入counter
test2(counter)

方案二：将moreThan5改为与counter绑定的计算属性

用GetX的响应式依赖机制让moreThan5始终同步counter的变化：

class MyApp extends StatelessWidget {
  RxInt counter = 0.obs;
  final moreThan5 = false.obs;

  MyApp({Key? key}) : super(key: key) {
    // 监听counter变化，同步更新moreThan5
    ever(counter, (newValue) {
      moreThan5.value = newValue > 5;
    });
  }

  // ... 其余代码不变，调用test2时传入moreThan5即可
}

如果使用较新版本的GetX，还可以用更简洁的Rx.computed：

class MyApp extends StatelessWidget {
  RxInt counter = 0.obs;
  final moreThan5 = Rx.computed(() => counter.value > 5);

  // ... 其余代码不变
}

内容的提问来源于stack exchange，提问作者Ivo