如何将TimeOfDay列表按时间从早到晚排序并解决类型错误？

错误原因 #

你代码里的DateTime.parse(a)触发报错，因为a是TimeOfDay对象而非字符串，DateTime.parse仅支持解析字符串格式的时间，无法直接处理TimeOfDay实例。另外，直接在build方法里调用list.sort()会触发频繁重绘甚至无限循环，因为build会被多次调用。

正确解决方案 #

1. 正确的TimeOfDay排序逻辑 #

TimeOfDay可通过直接比较hour和minute字段排序，规则是先比小时，小时相同则比分钟：

list.sort((a, b) {
  if (a.hour != b.hour) {
    return a.hour.compareTo(b.hour);
  } else {
    return a.minute.compareTo(b.minute);
  }
});

2. 避免在build中直接修改列表 #

• 如果是静态时间列表，在initState中排序一次即可，避免重复排序：

class _YourPageState extends State<YourPage> {
  List<TimeOfDay> scheduleTimes = [/* 你的时间列表 */];

  @override
  void initState() {
    super.initState();
    // 初始化时排序，仅执行一次
    scheduleTimes.sort((a, b) {
      if (a.hour != b.hour) return a.hour.compareTo(b.hour);
      return a.minute.compareTo(b.minute);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: scheduleTimes.map((time) {
        // 将排序后的时间转为Widget
        return Text(time.format(context));
      }).toList(),
    );
  }
}

• 如果是动态变化的列表，创建列表副本再排序，避免修改原数据：

@override
Widget build(BuildContext context) {
  // 创建副本排序，不影响原列表
  final sortedTimes = List.from(scheduleTimes)..sort((a, b) {
    if (a.hour != b.hour) return a.hour.compareTo(b.hour);
    return a.minute.compareTo(b.minute);
  });

  return Column(
    children: sortedTimes.map((time) {
      return Text(time.format(context));
    }).toList(),
  );
}

3. 替换原错误函数 #

原listOrder函数仅返回提示文本，没有生成排序后的日程列表。正确的函数应返回排序后的Widget列表：

Widget buildSortedSchedule(List<TimeOfDay> list) {
  final sortedList = List.from(list)..sort((a, b) {
    if (a.hour != b.hour) return a.hour.compareTo(b.hour);
    return a.minute.compareTo(b.minute);
  });
  return Column(
    children: sortedList.map((time) => Text(time.format(context))).toList(),
  );
}

在build的Column中直接调用该函数：

Column(
  children: [
    buildSortedSchedule(scheduleTimes),
    // 其他Widget
  ],
)

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