如何修复Flutter中时间选择与详情展示不一致的Bug？

问题根源 #

核心原因是时区不匹配：选择时间时传入的是UTC格式的时间字符串（如"09:00:00.000Z"），但在通过timestampToDate转换展示时，DateTime.fromMillisecondsSinceEpoch默认将时间戳解析为本地时区时间，导致UTC时间被转换为本地时区后出现对应时区差的偏差——比如UTC 9:00 AM会被解析为UTC+8时区的5:00 PM，这就是你遇到的问题。

解决方案 #

1. 统一时间存储的时区处理

在保存选择的时间时，明确处理时区，避免后续转换混乱：

// 假设你在确认选择后，将_selectedTime转换为时间戳存入appointmentUnixTime
DateTime selectedUtcTime = DateTime.parse(_selectedTime);
// 方案A：存储UTC时间的时间戳（后续展示UTC时间，和选择的时间完全一致）
_appointment.appointmentUnixTime = selectedUtcTime.millisecondsSinceEpoch;

// 方案B：转换为本地时区时间后存储（后续展示本地时间）
// DateTime selectedLocalTime = selectedUtcTime.toLocal();
// _appointment.appointmentUnixTime = selectedLocalTime.millisecondsSinceEpoch;

2. 调整时间转换函数，匹配存储的时区

根据存储的时区类型，修改timestampToDate函数：

• 如果用方案A（存储UTC时间戳），修改函数强制解析为UTC时间：

String timestampToDate(int timestamp, int type) {
  // 指定isUtc: true，确保解析为UTC时间，避免本地时区干扰
  var date = DateTime.fromMillisecondsSinceEpoch(timestamp, isUtc: true);
  var formattedDate = DateFormat('dd/MM/yyyy').format(date);
  
  if (type == 1) {
    formattedDate = DateFormat('hh:mm a').format(date);
  } else if (type == 2) {
    formattedDate = DateFormat('dd/MM/yyyy hh:mm a').format(date);
  } else if (type == 3) {
    formattedDate = DateFormat('EEE, d MMM, yyyy').format(date);
  } else if (type == 4) {
    formattedDate = DateFormat('EEE, d MMM, yyyy hh:mm a').format(date);
  } else if (type == 5) {
    formattedDate = DateFormat('d MMM').format(date);
  }
  
  return formattedDate;
}

• 如果用方案B（存储本地时区时间戳），保持原函数的默认解析逻辑即可，但要确保存储时已经完成UTC到本地时间的转换。

3. 验证链路一致性

确保从选择时间、存储时间戳到展示时间的全流程中，时区处理逻辑统一：要么全程使用UTC，要么全程使用本地时区，不要混合两种处理方式。

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