dayHeaderSettings property
Sets the style to customize day label in SfCalendar schedule view.
Allows to customize the DayHeaderSettings.dayFormat,
DayHeaderSettings.width, DayHeaderSettings.backgroundColor
,
DayHeaderSettings.dayTextStyle and DayHeaderSettings.dateTextStyle in
day label style of schedule view in calendar.
See also:
- weekHeaderSettings, which used to customize the week header view of the schedule view in calendar.
- monthHeaderSettings, which used to customize the month header view of the schedule view in calendar.
- Knowledge base: How to customize day, week, month header of schedule view
- Knowledge base: How to view schedule
- Knowledge base: How to customize the schedule view
@override
Widget build(BuildContext context) {
return Container(
child: SfCalendar(
view: CalendarView.schedule,
scheduleViewSettings: ScheduleViewSettings(
dayHeaderSettings: DayHeaderSettings(
dayFormat: 'EEEE',
width: 70,
dayTextStyle: TextStyle(
fontSize: 10,
fontWeight: FontWeight.w300,
color: Colors.white,
),
dateTextStyle: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w300,
color: Colors.white,
))),
),
);
}
Implementation
final DayHeaderSettings dayHeaderSettings;