如何在Syncfusion_flutter_datepicker 20.3.61中居中激活日期的背景色

针对你使用的SDK 2.12和syncfusion_flutter_datepicker 20.3.61版本，可通过自定义月份单元格样式实现激活状态日期的背景色居中显示，具体操作如下：

• 自定义选中单元格装饰样式
  在SfDateRangePicker的monthViewSettings中配置monthCellStyle，通过selectedCellDecoration设置仅围绕日期文字的居中背景装饰，替代默认的全单元格填充样式。

示例代码：

SfDateRangePicker(
  view: DateRangePickerView.month,
  selectionMode: DateRangePickerSelectionMode.single, // 根据需求设置选择模式
  monthViewSettings: DateRangePickerMonthViewSettings(
    monthCellStyle: DatePickerMonthCellStyle(
      // 设置激活状态的居中背景
      selectedCellDecoration: BoxDecoration(
        color: Colors.blue, // 替换为你需要的激活背景色
        shape: BoxShape.circle, // 圆形背景，自动居中
      ),
      // 可选：设置选中日期的文字样式
      selectedTextStyle: TextStyle(
        color: Colors.white,
        fontWeight: FontWeight.w500,
      ),
    ),
  ),
)

• 样式调整说明
  如果需要圆角方形的居中背景，可修改shape参数并添加圆角配置：

  selectedCellDecoration: BoxDecoration(
    color: Colors.blue,
    shape: BoxShape.rectangle,
    borderRadius: BorderRadius.circular(4),
  ),
  

以上配置会让激活状态的日期背景仅围绕文字区域居中显示，而非填充整个单元格，匹配你参考的效果。

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