如何修改Flutter CupertinoDatePicker中逾期日期的外观？

方案一：通过CupertinoTheme调整整体文本对比度 #

如果只是想提升非选中日期（包括过去、未来）和今日/选中日期的对比度，直接用CupertinoTheme包裹CupertinoDatePicker，修改对应文本样式即可：

CupertinoTheme(
  data: CupertinoThemeData(
    // 选中日期的高亮颜色
    primaryColor: CupertinoColors.systemBlue,
    textTheme: CupertinoTextThemeData(
      // 非选中日期的颜色，替换成对比度更高的灰色
      dateTimePickerTextStyle: TextStyle(
        color: CupertinoColors.systemGrey2, // 比默认灰色更深，提升辨识度
        fontSize: 20,
      ),
    ),
  ),
  child: CupertinoDatePicker(
    mode: CupertinoDatePickerMode.date,
    initialDateTime: DateTime.now(),
    onDateTimeChanged: (DateTime newDate) {
      // 处理日期变化逻辑
    },
  ),
)

方案二：自定义ItemBuilder实现日期差异化颜色 #

如果需要给过去日期、今日日期、未来日期分别设置不同颜色，需用CupertinoPicker手动构建日期选择器（默认CupertinoDatePicker不支持单独配置不同日期的颜色）：

CupertinoPicker(
  magnification: 1.0,
  squeeze: 1.2,
  useMagnifier: true,
  itemExtent: 32.0,
  onSelectedItemChanged: (int index) {
    // 处理选中项变化逻辑
  },
  children: List.generate(100, (index) {
    // 生成最近100天的日期示例，可按需调整范围
    final date = DateTime.now().subtract(Duration(days: 50 - index));
    final isToday = DateTime.now().year == date.year &&
        DateTime.now().month == date.month &&
        DateTime.now().day == date.day;
    final isPast = date.isBefore(DateTime.now());
    
    Color textColor;
    if (isToday) {
      textColor = CupertinoColors.systemGreen; // 今日日期用绿色高亮
    } else if (isPast) {
      textColor = CupertinoColors.systemRed.withOpacity(0.8); // 过去日期用红色
    } else {
      textColor = CupertinoColors.systemBlue.withOpacity(0.8); // 未来日期用蓝色
    }
    
    return Center(
      child: Text(
        "${date.month}/${date.day}",
        style: TextStyle(color: textColor, fontSize: 20),
      ),
    );
  }),
)

这种方式需要自行处理日期范围、选中状态逻辑，但能完全自定义不同日期的颜色，彻底解决对比度不足问题。

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