如何修改Flutter table_calendar组件中的日期颜色？

针对你遇到的问题，Flutter完全可以修改日期组件的日期文本颜色，以下是两种常见场景的实现方案：

1. 修改默认日期选择器（showDatePicker）的日期颜色 #

通过自定义Theme包裹日期选择器，利用ColorScheme覆盖相关颜色属性：

showDatePicker(
  context: context,
  initialDate: DateTime.now(),
  firstDate: DateTime(2020),
  lastDate: DateTime(2030),
  builder: (context, child) {
    return Theme(
      data: Theme.of(context).copyWith(
        colorScheme: ColorScheme.light(
          primary: Colors.blueAccent, // 选中日期的背景色
          onPrimary: Colors.white, // 选中日期的文本颜色
          onSurface: Colors.deepOrange, // 未选中日期的文本颜色
        ),
      ),
      child: child!,
    );
  },
);

• onSurface：控制未被选中的普通日期文本颜色
• onPrimary：控制选中日期的文本颜色
• primary：控制选中日期的背景色

2. 自定义日历组件（以table_calendar为例）的日期颜色 #

如果使用第三方日历组件，直接通过组件自带的样式参数配置即可：

TableCalendar(
  firstDay: DateTime(2020),
  lastDay: DateTime(2030),
  focusedDay: DateTime.now(),
  calendarStyle: CalendarStyle(
    defaultTextStyle: TextStyle(color: Colors.grey[600]), // 默认日期颜色
    weekendTextStyle: TextStyle(color: Colors.red), // 周末日期颜色
    selectedTextStyle: TextStyle(color: Colors.white), // 选中日期文本颜色
    selectedDecoration: BoxDecoration(
      color: Colors.blueAccent,
      shape: BoxShape.circle,
    ),
  ),
);

Flutter的主题系统和组件参数几乎支持所有样式的自定义，只要找到对应的属性即可实现需求。

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