Flutter中Switch开关状态无法切换的问题求助

核心问题点 #

1. Switch切换逻辑硬编码错误：你在onChanged回调里直接把item.dayStatus固定设为false，完全忽略了用户点击传入的value参数，这是导致点击后状态毫无变化的直接原因。
2. 临时对象导致状态丢失：每次ListView.builder重建时，都会在itemBuilder里新建ScheduleItem实例，还往listItem里重复添加，之前修改的状态会被新对象覆盖，而且listItem会累积大量重复数据。
3. 状态未同步到数据源：你修改的是临时ScheduleItem的状态，而非原数据源profileViewModelController.listOfSchedules中的数据，Widget重建后会重新读取原数据源，导致之前的修改无效。

修复步骤 #

1. 修正Switch的切换逻辑：
   把硬编码的false改成用户点击传入的value，同时同步更新原数据源的状态，确保重建时读取正确：

   onChanged: (bool? value) {
     setState(() {
       item.dayStatus = value;
       // 同步更新原数据源的状态
       profileViewModelController.listOfSchedules[index].dayStatus = value! ? "open" : "close";
     });
   },
   

2. 避免重复创建ScheduleItem：
   不要在itemBuilder里每次都新建对象，建议在initState里提前基于API返回的数据初始化listItem：

   @override
   void initState() {
     super.initState();
     listItem = profileViewModelController.listOfSchedules.map((schedule) {
       bool dayStatus = schedule.dayStatus?.toLowerCase() == "open";
       return ScheduleItem(
         week: schedule.day,
         startTime: TimeOfDay(hour: 8, minute: 0),
         endTime: TimeOfDay(hour: 18, minute: 0),
         dayStatus: dayStatus,
       );
     }).toList();
   }
   
   // 后续在itemBuilder中直接取listItem的元素
   itemBuilder: (BuildContext context, int index) {
     var item = listItem[index];
     // ... 其余代码
   },
   

3. 确保状态更新触发重建：
   如果profileViewModelController用了状态管理工具（比如Provider、GetX），要确保修改数据源后通知Widget重建；如果是用setState，上面的修改已经包含setState，可以触发重建。

修复后的关键代码片段 #

// 先在initState初始化listItem
@override
void initState() {
  super.initState();
  listItem = profileViewModelController.listOfSchedules.map((schedule) {
    bool dayStatus = schedule.dayStatus?.toLowerCase() == "open";
    return ScheduleItem(
      week: schedule.day,
      startTime: TimeOfDay(hour: 8, minute: 0),
      endTime: TimeOfDay(hour: 18, minute: 0),
      dayStatus: dayStatus,
    );
  }).toList();
}

Widget getList(BuildContext context) {
  if(profileViewModelController.listOfSchedules.isNotEmpty){
    return Container(
      height: 350,
      child: ListView.builder(
        itemCount: listItem.length,
        itemBuilder: (BuildContext context, int index) {
          var item = listItem[index];
          return Row(
            children: [
              Expanded(
                child: Text(
                  item.week!,
                  style: black40012,
                ),
              ),
              Expanded(
                child: Switch(
                  value: item.dayStatus!,
                  onChanged: (bool? value) {
                    setState(() {
                      item.dayStatus = value;
                      // 同步更新原数据源
                      profileViewModelController.listOfSchedules[index].dayStatus = value! ? "open" : "close";
                    });
                  },
                ),
              ),
              Expanded(
                child: Text(
                  item.dayStatus! ? "Open" : "Close",
                  style: black40012,
                ),
              ),
              // ... 其余代码保持不变
            ],
          );
        },
      ),
    );
  } else {
    return SizedBox(); // 空状态返回合理Widget
  }
}

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