Skip to content

How to style a header in the Flutter event calendar (SfCalendar)

Notifications You must be signed in to change notification settings

SyncfusionExamples/header-style-flutter-event-calendar

Repository files navigation

How to style a header in the Flutter Calendar?

A quick-start example to help you to style a header in the Flutter Calendar.

You can style the header in the Flutter event calendar by using the headerStyle property in the calendar's onViewChanged callback.

In this sample, the background color, textStyle, and textAlignement have been customized using the properties such as backgroundColor, textStyle, and textAlign of the headerStyle property in the calendar.

HeaderAppearance

For more details , Refer to our UG Documentation Header appearance.

Requirements to run the demo

How to run this application

To run this application, you need to first clone or download the ‘create a flutter maps widget in 10 minutes’ repository and open it in your preferred IDE. Then, build and run your project to view the output.

Further help

For more help, check the Syncfusion Flutter documentation, Flutter documentation.