Flutter使用GetX时Obs列表元素属性更新后UI卡片颜色无变化如何解决

• GetX的RxList仅监听列表自身的增、删、替换元素操作，默认不监听列表内部自定义对象的属性变更，因此修改Category的isSelected属性时，Obx无法收到更新通知。
• toggleSingleCardSelection方法存在两处逻辑错误：循环中固定修改discomfortData[index]的属性而非遍历对应的discomfortData[indexBtn]；代码中引用了未定义的dummyData变量，为笔误需替换为discomfortData。

修改完成所有属性后，调用refresh方法主动通知RxList推送更新即可，修正后的方法代码如下：

void toggleSingleCardSelection(int index) {
  for (var indexBtn = 0; indexBtn < discomfortData.length; indexBtn++) {
    if (indexBtn == index) {
      discomfortData[indexBtn].isSelected = true;
      print('${discomfortData[indexBtn].title} value: ${discomfortData[indexBtn].isSelected}');
    } else {
      discomfortData[indexBtn].isSelected = false;
      print('${discomfortData[indexBtn].title} value: ${discomfortData[indexBtn].isSelected}');
    }
  }
  // 手动触发列表更新通知
  discomfortData.refresh();
}

将Category类的属性改为响应式类型，修改属性时会自动触发视图更新，无需手动调用refresh：

1. 改造Category类：

class Category {
  Category({
    required String title,
    required bool isSelected,
  });
  final RxString title = title.obs;
  final RxBool isSelected = isSelected.obs;
}

2. 视图层取值时添加.value后缀：

// 卡片颜色判断改为
color: controller.discomfortData[index].isSelected.value
    ? Colors.blue
    : Colors.white,
// 文本渲染改为
Text(controller.discomfortData[index].title.value),

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