How to customize the resource view in the Flutter Calendar?

A quick-start example to help you to customize the resource view in the Flutter Calendar.

Using the resourceViewSettings properties in the calendar, you can customize the timeline resource view in the Flutter Event Calendar. Customize the resources by using displayNameTextStyle, showAvatar, size, visibleResourceCount properties in the ResourceViewSettings. You can find the more details about these properties from below,

Show avatar

By setting the showAvatar value in the ResourceViewSettings to false, you can turn off the user avatar and the circle that represents the resource. This will show the name of each resource as well as the color that has been given to it.

Display name text style

The display name text style for the resource view can be customized by setting an appropriate text style to the displayNameTextStyle property available in the ResourceViewSettings.

Resource panel size

You can customize the size of the panel that displays the resource views in the calendar by setting an appropriate value to the size property

Visible resource count

You can customize the number of visible resources in the current view using the visibleResourceCount property.

You can also refer our UG documentation to know more about resourceViewSettings

Requirements to run the demo

• VS Code
• Flutter SDK v1.22+
• For more development tools

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.