基于列表创建的Dart Widget复用其他列表Widget的initState问题

核心原因 #

Flutter 会根据 Widget 的Key判断是否复用现有组件。你当前的代码没有给 AlarmWidget 设置唯一 Key，当列表元素增删排序后，Flutter 会复用原有 Widget 实例，而非为新增项创建新实例，导致新项的 initState 无法触发；同时多次调用 setState 会被 Flutter 合并执行，所以你会看到 initState 在整个函数执行完成后才触发。

具体修复步骤 #

1. 给 AlarmWidget 添加唯一 Key
   修改 Column 的子组件生成逻辑，用每个闹钟数据的唯一标识（比如 time，建议后续给每个闹钟添加专属 id 字段）作为 ValueKey，让 Flutter 能精准识别新增项：

children: [
  for (var alarm in alarmDataList)
    AlarmWidget(
      key: ValueKey(alarm['time']), // 用唯一标识作为Key
      alarmData: alarm,
    ),
],

这样新增的闹钟项会生成全新的 AlarmWidget 实例，自然会触发其 initState 方法。

2. 修复删除函数的可靠性问题
   用 hashCode 判断两个 Map 是否相等不可靠，不同的 Map 可能生成相同的 hashCode。改用唯一标识进行判断：

void deleteAlarmDataList(Map alarm) {
  alarmDataList.removeWhere((element) => element['time'] == alarm['time']);
  setState(() {}); // 无需传递列表，setState会标记组件重建
}

3. 优化 setState 调用
   多次调用 setState 会被 Flutter 合并执行，把添加和排序逻辑放在同一个 setState 中，减少不必要的重绘：

void addAlarmDataList(Map alarm) {
  if (alarm['time'] != 'noAdd') {
    setState(() {
      alarmDataList.add(alarm);
      alarmDataList.sort((a, b) => a['time'].compareTo(b['time']));
    });
  }
}

额外提示 #

如果存在多个闹钟时间相同的场景，建议给每个闹钟数据添加唯一 id 字段（比如 UUID），用 id 作为 Key 和删除判断的依据，彻底避免标识冲突。

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