Flutter GetX：按钮点击时RxBool值无法响应更新问题

核心问题分析 #

1. 多余的setState干扰：修改GetX响应式变量时，无需用StatefulWidget的setState包裹，这不仅冗余，还可能干扰GetX的响应式更新机制。
2. 子组件未监听RxBool变化：CategorySettlement组件接收了isEdit这个RxBool变量，但没有用GetX的Obx包裹需要动态更新的输入框/下拉框，导致变量变化时界面无法自动刷新。
3. 普通列表的更新限制：listCategorySettlement如果是普通List，添加元素后依赖setState刷新，没有利用GetX的响应式列表特性。

具体修复步骤 #

1. 修正按钮点击逻辑，移除多余的setState

直接更新GetX变量值，不需要setState包裹：

onPressed: () {
  print("Request button tapped");
  final form = formKey.currentState!;
  // 直接修改GetX响应式变量
  visible.value = !visible.value;
  print('visibel ' + visible.toString());
},

2. 让子组件CategorySettlement监听isEdit变化

在CategorySettlement的build方法中，用Obx包裹需要根据isEdit状态切换禁用/启用的组件：

class _CategorySettlementState extends State<CategorySettlement> {
  @override
  Widget build(BuildContext context) {
    return Obx(() {
      final isEditEnabled = widget.isEdit?.value ?? false;
      return Column(
        children: [
          TextField(
            enabled: isEditEnabled,
            controller: widget.amountController,
            validator: widget.validators,
            // 其他输入框属性
          ),
          DropdownButton<String>(
            enabled: isEditEnabled,
            value: widget.selectedCategory,
            // 其他下拉框逻辑
          )
        ],
      );
    });
  }
}

3. 优化列表为GetX响应式列表（可选）

将listCategorySettlement改为RxList，添加元素时无需setState：

// 替换普通List定义
RxList<CategorySettlement> listCategorySettlement = <CategorySettlement>[].obs;

// 修改添加元素的方法，移除setState
addCategoryPerDateFromDraft() {
  for (int i = 0; i < widget.listDetail!.length; i++) {
    var typeClaim = widget.listDetail![i].typeClaim;
    var totalClaim = widget.listDetail![i].totalClaim!.obs;

    listCategorySettlement.add(CategorySettlement(
      isEdit: widget.isEdit,
      selectedCategory: typeClaim,
      amountCategory: totalClaim,
    ));
  }
  print('new CategorySettlement from draft added');
  print('${listCategorySettlement}');
}

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