[Flutter]カレンダーの「セルの背景色」を変えるには？

Flutter

2021.10.03

どうも、ちょげ(@chogetarou)です。

SfCalendarで表示するカレンダーのセルの背景色を変えるには、どうしたらいいのでしょうか？

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
            child: SfCalendar(
      view: CalendarView.month,
      monthViewSettings: MonthViewSettings(
        monthCellStyle: MonthCellStyle(
            backgroundColor: Colors.lightGreen,
            todayBackgroundColor: Colors.blue,
            trailingDatesBackgroundColor: Colors.pink,
            leadingDatesBackgroundColor: Colors.pink),
      ),
    )));
  }

セルの背景色は、「MonthViewSettingsクラス」の「monthCellStyle」で変更できます。

具体的には、「monthCellStyle引数」に指定する「MonthCellStyleクラス」の引数で設定を行います。

「MonthCellStyleクラス」の引数で設定できる背景色は、４つあります。