viewHeaderStyle property

ViewHeaderStyle viewHeaderStyle
final

Sets the style to customize SfCalendar view header.

Allows to customize the ViewHeaderStyle.backgroundColor, ViewHeaderStyle.dayTextStyle and ViewHeaderStyle.dateTextStyle in view header of calendar.

view header with different style in calendar

See also:


Widget build(BuildContext context) {
   return Container(
     child: SfCalendar(
       view: CalendarView.week,
       viewHeaderStyle: ViewHeaderStyle(
           backgroundColor: Colors.blue,
           dayTextStyle: TextStyle(color: Colors.grey, fontSize: 20),
           dateTextStyle: TextStyle(color: Colors.grey, fontSize: 25)),
     ),
   );
 }

Implementation

final ViewHeaderStyle viewHeaderStyle;