An advanced calendar provides a rich API for widget customization that opens a new look and feel in your app.
Advanced Calendar Light Theme | Advanced Calendar Dark Theme |
---|---|
Regular Calendar
final _controller = AdvancedCalendarController.today();
// ...
AdvancedCalendar(
controller: _controller,
)
// ...
Custom Date Calendar
final _controller = AdvancedCalendarController.custom(DateTime(2021, 2, 15));
// ...
final theme = ThemeData.light();
Theme(
data: theme.copyWith(
textTheme: theme.textTheme.copyWith(
subtitle1: Ttheme.textTheme.subtitle1.copyWith(
fontSize: 16,
color: theme.accentColor,
),
bodyText1: theme.textTheme.bodyText1.copyWith(
fontSize: 14,
color: Colors.black54,
),
bodyText2: theme.textTheme.bodyText1.copyWith(
fontSize: 12,
color: Colors.black87,
),
),
primaryColor: Colors.red,
highlightColor: Colors.yellow,
disabledColor: Colors.green,
),
child: AdvancedCalendar(
controller: _calendarControllerCustom,
weekLineHeight: 48.0,
),
),
// ...
Parameter | Description | Type | Default |
---|---|---|---|
controller |
Controller that manage calendar state | AdvancedCalendarController | required |
weekLineHeight |
Height of week line | double | 32.0 |
preloadMonthViewAmount |
Amount of months in month view to preload | int | 13 |
preloadWeekViewAmount |
Amount of weeks in week view to preload | int | 21 |
weeksInMonthViewAmount |
Weeks lines amount in month view | int | 6 |
events |
List of DateTime to indicate date | List | [] |
startWeekDay |
Indicated for the beginning of the first day on Sunday | int | 0 |
innerDot |
Show alternative event design in date box | bool | false |
headerStyle |
Style for month year on top left |
TextStyle | null |
calendarTextStyle |
Style for dates in calendar | TextStyle | null |