Flutter sfcalendar month view waste of space

475 Views Asked by At

I am using the sfcalendar package

pub.dev

with the > view: CalendarView.month,

But what about the wasted space between the date and the Appointments? (marked red)

Image

here is the code

child: SfCalendar(
      appointmentBuilder: appointmentBuilder,
      controller: _controller,
      onSelectionChanged: selectionChanged,
      view: CalendarView.month,
      initialSelectedDate: DateTime.now(),
      dataSource: dataSource,
      onTap: calendarTapped,
      cellBorderColor: Colors.white,
      backgroundColor: Colors.white,
      onViewChanged: viewChanged,
      todayTextStyle: const TextStyle(
        color: Colors.green,
        fontWeight: FontWeight.w900,
      ),
      todayHighlightColor: Colors.transparent,
      firstDayOfWeek: 1,
      headerHeight: 0,
      viewHeaderHeight: 15,
      selectionDecoration: BoxDecoration(
        border: Border.all(color: Colors.grey.shade800),
        borderRadius: const BorderRadius.all(Radius.circular(5)),
        shape: BoxShape.rectangle,
      ),
      monthViewSettings: MonthViewSettings(
          dayFormat: 'E',
          numberOfWeeksInView: 6,
          appointmentDisplayCount: 3,
          appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
          monthCellStyle: MonthCellStyle(
            trailingDatesTextStyle:
            TextStyle(fontSize: 15, color: Colors.grey.shade300),
            leadingDatesTextStyle:
            TextStyle(fontSize: 15, color: Colors.grey.shade300),
          )),
    ),

Does anyone have a solution for this?

Also, if anyone knows by any chance, I have more than 3 appointments on that day. I'd prefer to show '...' in the calendar cell to highlight "there are more appointments"

0

There are 0 best solutions below