Flutter GetX Controller obs赋值及RxInt与int类型不兼容报错如何解决？

错误根因分析 #

• 第一版代码错误点：
  1. 类型不匹配：声明int currentIdx却赋值了''.obs（属于RxString类型），基础类型和响应式类型完全不兼容
  2. 赋值逻辑错误：每次调用updateInt时都用idx.obs新建响应式实例，会导致原有变量和UI的响应式绑定失效
• 第二版代码错误点：
  1. 方法参数类型错误：updateInt参数声明为RxInt，但调用时传入的是普通int类型值，因此触发类型不兼容报错

正确实现代码 #

1. 修正后的Controller代码 #

class Controller extends GetxController {
  // 声明响应式int变量，初始值为0
  RxInt currentIdx = 0.obs;

  // 方法参数接收普通int即可，不需要传RxInt
  void updateInt(int idx) {
    // 响应式变量修改值统一用.value赋值，不要直接替换Rx实例
    currentIdx.value = idx;
  }
}

2. 页面调用注意事项 #

不要每次调用都新建Controller()实例，否则状态不会持久，建议提前通过Get.put注册后获取实例：

// 页面初始化时注册Controller
final Controller controller = Get.put(Controller());

// 调用更新方法，直接传入普通int类型的idx即可
controller.updateInt(idx);

补充规范 #

• Getx的响应式变量（Rx开头的类型），修改值时必须操作.value属性，不要直接替换变量持有的Rx实例
• 普通基础类型无法直接赋值给Rx类型变量，需要通过.value做值的传递
• Controller实例全局唯一即可，不要重复实例化，避免状态丢失

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