Category / Section
How to customize the leading and trailing dates of the month cells in the Flutter Calendarntify
In the Flutter Event Calendar, you can customize the leading and trailing dates by using the monthCellBuilder property of the Flutter event calendar.
STEP 1: Identify the leading and trailing dates of the Flutter event calendar.
Widget monthCellBuilder(BuildContext context, MonthCellDetails details) {
var mid=details.visibleDates.length~/2.toInt();
var midDate=details.visibleDates[0].add(Duration(days: mid));
if(details.date.month != midDate.month){
return Container(
color: Colors.pinkAccent,
child: Text(
details.date.day.toString(),
),
);
}
else
{
return Container(
color: Colors.green,
child: Text(
details.date.day.toString(),
),
);
}
}
STEP 2: Assign the customized widget to the monthCellBuilder property of the calendar.
child: SfCalendar( view: CalendarView.month, dataSource: _getDataSource(), monthCellBuilder: monthCellBuilder, ),
|
|
|
