[SfCalendar] Vertical scroll bar in CalendarView.timelineWeek

[kbessemer]

Use case

When using the Flutter widget SfCalendar, the view type of CalendarView.timelineWeek, there is only a horizontal scrollbar at the bottom of the view which shows the window is horizontally scrollable. But, if there are numerous resources on the view (Resource View, resources = users/individuals) then there is no vertical scrollbar to indicate to the user that it can be vertically scrolled.

Note: I originally posted this in flutter-examples but realized it may not be seen there, so I reposted it here. Hope this is ok! Thank you

Proposal

[AswiniDileep]

Hi @kbessemer,

We have analyzed your requirement, and currently, there is no direct support for vertical scrolling in SfCalendar. However, we have created a workaround to achieve this behavior. In this solution, we use a SingleChildScrollView to wrap the SfCalendar. By setting the height of the SizedBox nested inside, you can control the scrollable area based on the screen size, ensuring that the resources becomes vertically scrollable. We have attached a sample below for your reference.

   SingleChildScrollView(
      scrollDirection: Axis.vertical,
      child: SizedBox(
        height: MediaQuery.of(context).size.height * 5,
        child: SfCalendar(
          view: CalendarView.timelineWeek,
          dataSource: MeetingDataSource(),
          initialDisplayDate: DateTime.now(),
        ),
      ),
    ),

Please check and get back to us if you require further assistance.

Regards,
Aswini S.

GH_2220.zip
GH_2220_Demo.zip