调用setState()后build()执行但Icon未更新问题排查

你直接在列表中存储已构建完成的Container Widget实例，而Widget本身是不可变的。创建Container时，Icon的显示状态已经根据当时eventInfo.addedToCalendar的值确定，后续即使修改eventInfo的属性并调用setState，ListView.builder返回的依然是旧的Container实例，不会重新生成，因此界面无更新。只有窗口调整触发Widget树重新布局时，才会间接让这些Widget重新构建，显示新状态。

不要存储Widget列表，改为存储Event数据列表，让ListView.builder在每次build时根据最新数据动态生成Container。具体修改步骤如下：

1. 替换Widget列表为数据列表 #

将原有的Widget列表改为Event数据列表：

List<Event> allEvents = [];

2. 调整fetchEvents的返回值与初始化逻辑 #

确保fetchEvents返回Future<List<Event>>（即Event数据列表，而非Container列表），并更新initState中的调用：

fetchEvents(guiAddToCalendar).then((events) {
  setState(() {
    allEvents.addAll(events);
  });
});

3. 修改guiAddToCalendar函数 #

直接操作数据列表中的Event属性，无需处理Widget实例：

void guiAddToCalendar(int eventId, bool added) {
  for (int i = 0; i < allEvents.length; i++) {
    Event eventInfo = allEvents[i];
    if (eventInfo.id == eventId) {
      setState(() {
        eventInfo.addedToCalendar = added;
        print("eventInfo.addedToCalendar changed to $added");
      });
      break;
    }
  }
}

4. 在ListView.builder中动态构建Container #

修改build方法中的ListView部分，根据最新的Event数据实时生成Widget：

ListView.builder(
  shrinkWrap: true,
  physics: const NeverScrollableScrollPhysics(),
  itemCount: allEvents.length,
  itemBuilder: (context, index) {
    Event eventInfo = allEvents[index];
    return Container(
      key: ValueKey(eventInfo),
      // 保留你原有Container的其他布局属性
      child: IconButton(
        icon: Icon(
          eventInfo.addedToCalendar
              ? FeezIcons.star_full
              : FeezIcons.star_full_border,
          shadows: const <Shadow>[
            Shadow(color: Colors.black, blurRadius: 10.0),
            Shadow(color: Colors.black, blurRadius: 2.0)
          ],
          size: 30,
          color: cols.colAcent0,
        ),
        onPressed: () async {
          bool addedToCalendar = await addToCalendar(eventInfo.id);
          guiAddToCalendar(eventInfo.id, addedToCalendar);
        },
      ),
      // 保留你原有Container的其他子组件
    );
  },
)

额外优化提示 #

• 若Event是不可变类（使用final修饰所有属性），需通过创建新实例替换旧数据，比如给Event添加copyWith方法：

  setState(() {
    allEvents[i] = eventInfo.copyWith(addedToCalendar: added);
  });
  

• 给Event类重写==和hashCode方法，确保ValueKey<Event>能正确识别数据变化，帮助Flutter优化Widget树更新效率。

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