Flutter深色主题下日期选择器年份及箭头按钮颜色修改问题

针对深色主题下日期选择器年份及箭头按钮不可见的问题，只需在现有DatePickerThemeData中补充箭头按钮的颜色配置，同时确保年份相关状态的颜色覆盖完整。以下是修改后的代码：

datePickerTheme: DatePickerThemeData(
  weekdayStyle: const TextStyle(color: Colors.white),
  headerForegroundColor: Colors.white,
  dayForegroundColor: MaterialStateColor.resolveWith((states) => Colors.white),
  todayForegroundColor: MaterialStateColor.resolveWith((states) => Colors.white),
  backgroundColor: const Color(0xff31343b),
  elevation: .5,
  yearForegroundColor: MaterialStateColor.resolveWith((states) => Colors.white),
  // 新增：控制左右切换箭头的颜色
  previousIconColor: MaterialStateColor.resolveWith((states) => Colors.white),
  nextIconColor: MaterialStateColor.resolveWith((states) => Colors.white),
  // 可选：额外保障年份文本显示颜色
  yearStyle: const TextStyle(color: Colors.white),
),

关键修改说明： #

• previousIconColor/nextIconColor：直接控制日期选择器头部左右切换月份/年份的箭头图标颜色，设置为白色后在深色背景下会清晰显示。
• 补充yearStyle是额外保障，确保年份文本在所有状态下都使用白色，和yearForegroundColor形成双重覆盖，避免因状态切换导致颜色异常。

如果修改后仍有局部元素显示异常，可以检查是否存在其他未覆盖的MaterialState状态（比如禁用、选中状态），但针对当前场景，以上修改即可解决箭头和年份不可见的问题。

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