どうも、ちょげ(@chogetarou)です。
SfCalendarで表示するカレンダーは、下のスペースにイベントを表示するようになっています。
このスペースの表示を設定するには、どうしたらいいのでしょうか?
方法

@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: SfCalendar(
view: CalendarView.month,
dataSource: EventDataSource(_getDataSource()),
monthViewSettings: MonthViewSettings(
showAgenda: true,
agendaStyle: AgendaStyle(
backgroundColor: Colors.lightBlue,
dateTextStyle: TextStyle(color: Colors.red),
dayTextStyle: TextStyle(color: Colors.red),
appointmentTextStyle: TextStyle(color: Colors.black))),
),
));
}
カレンダーのイベント欄の設定は、「MonthViewSettingsクラス」の「agendaStyle引数」を使います。
この引数に、設定をした「AgendaStyleクラス」を指定することで、表示を変えることが出来ます。
コメント