Flutter中如何对List.generate生成的列表按startDate排序？

问题根源 #

你遇到的核心问题有三个：

1. 字段访问方式错误：若goalList中的元素是自定义对象（而非Map），不能用b['objectiveStartDate']这种键值访问方式，需直接调用对象属性（如b.startDate）。
2. 直接修改原列表的副作用：sort方法会直接修改原列表，可能影响其他依赖该列表的逻辑，建议先创建副本再排序。
3. 额外bug：代码中goalId: goalList.id是错误写法，应该取单个目标的id，即goalList[index].id。

解决方案 #

1. 明确目标对象类型（推荐）

假设你的目标数据类为Goal，先定义类型（若尚未定义）：

class Goal {
  final String id;
  final String title;
  final DateTime startDate;
  // 其他属性根据实际需求补充

  Goal({required this.id, required this.title, required this.startDate});
}

给generateList的参数指定类型，获得静态类型检查支持：

List<Widget> generateList(List<Goal> goalList) {
  // 后续逻辑
}

2. 实现安全排序（基于副本）

在生成卡片列表前，复制原列表并按startDate排序，避免修改原数据：

List<Widget> generateList(List<Goal> goalList) {
  // 创建原列表的副本，避免修改原数据
  final sortedGoals = List<Goal>.from(goalList)
    ..sort((a, b) => a.startDate.compareTo(b.startDate));

  return List.generate(
    sortedGoals.length,
    (int index) {
      final currentGoal = sortedGoals[index];
      return GoalCardBase(
        goalId: currentGoal.id, // 修正goalId的取值错误
        child: GoalCardData(goal: currentGoal),
      );
    },
  );
}

3. 处理日期为null的场景

如果startDate可能为空，需添加null判断保证排序逻辑安全：

final sortedGoals = List<Goal>.from(goalList)
  ..sort((a, b) {
    // 将null的目标排到列表末尾（可根据需求调整顺序）
    if (a.startDate == null) return 1;
    if (b.startDate == null) return -1;
    return a.startDate!.compareTo(b.startDate!);
  });

4. 匹配实际字段名

若目标对象中的日期字段不是startDate而是objectiveStartDate，需同步修改属性名，比如：

..sort((a, b) => a.objectiveStartDate.compareTo(b.objectiveStartDate));

修正后的完整generateList方法 #

List<Widget> generateList(List<Goal> goalList) {
  // 复制并按startDate排序
  final sortedGoals = List<Goal>.from(goalList)
    ..sort((a, b) => a.startDate.compareTo(b.startDate));

  return List.generate(
    sortedGoals.length,
    (int index) {
      final goal = sortedGoals[index];
      return GoalCardBase(
        goalId: goal.id,
        child: GoalCardData(goal: goal),
      );
    },
  );
}

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