Flutter调用setState后Switch/Checkbox状态不更新问题求助

问题根因 #

问题是两个错误叠加导致的：

• 你在Checkbox的onChanged回调里修改的是settingsContainer方法的局部入参isSwitched，这个值只在本次方法调用周期有效，setState触发页面重建后会直接被新的入参覆盖。
• 每次页面重建时，FutureBuilder都会重新解码原始的接口/本地存储数据生成卡片，你没有把修改后的开关状态同步到本地缓存的数据源中，等于每次修改都会被原始数据重置。

修复步骤 #

1. 首先在_SwitchWidget State类中新增一个成员变量，用来缓存所有设置项的状态，不要每次重建都读原始snapshot数据：

class _SwitchWidget extends State<SettingsArray> {
  Future? dataFuture;
  // 新增这个变量用来缓存设置列表数据，修改开关时直接改这个列表里的值
  List<Map<String, dynamic>> _settingsList = [];
  // 原有其他代码保留
}

2. 修改FutureBuilder的逻辑，拿到数据后只做一次解码存入_settingsList，后续build都从这个列表取数：

builder: (context, snapshot) {
  if (snapshot.data != null) {
    // 只有列表是空的时候才初始化，不要每次重建都覆盖原有修改
    if (_settingsList.isEmpty) {
      _settingsList = List<Map<String, dynamic>>.from(json.decode(snapshot.data.toString()));
    }
    widgetList = <Widget>[];
    for (int i = 0; i < _settingsList.length; i++) {
      String serviceRequestValue = _settingsList[i]['servicerequestvalue'].toString();
      bool serviceRequestValueBool = serviceRequestValue == "1" || serviceRequestValue == "1,1" || serviceRequestValue == "14";
      widgetList.add(settingsContainer(i, _settingsList[i]['service_id'], _settingsList[i]['name'], _settingsList[i]['description'], serviceRequestValueBool));
    }
    return Column(children: widgetList.toList());
  }
  // 原有加载逻辑保留
}

3. 修改settingsContainer方法和Checkbox的回调，修改开关后同步到_settingsList中：

// 第一个参数改成列表的下标index，方便定位要修改的对应项
Widget settingsContainer(int index, String serviceId, String title, String description, bool isSwitched) {
  // 其他布局代码不变，仅修改Checkbox的onChanged逻辑
  Checkbox(
    value: isSwitched,
    onChanged: (value) {
      setState(() {
        // 直接修改缓存列表里对应项的状态值
        _settingsList[index]['servicerequestvalue'] = value == true ? "1" : "0";
      });
    },
  )
}

额外优化建议 #

• 不要手动拼接JSON字符串，你MergeData方法里手动拼数组的逻辑很容易出格式错误，直接用List<Map>操作完之后调用json.encode转字符串即可。
• 你当前State类里的bool isSwitched成员变量完全没用，可以直接删掉，多个设置项的状态是独立存储在_settingsList里的。

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