1. Home
  2. Forum
  3. Flutter
  4. horizontal scroll conflict

horizontal scroll conflict

Dear Team,

Currently I am trying to implement a widget based on SfCalendar with overflows the device display. Hence, I wrap it with SingleChildScrollView to enable horizontal scroll.

However, I have issue in achieving the above scenario as the wrapped widget hardly detects my gesture to scroll right as I believe that it results from conflict with the scroll lister implemented in the calendar. I have tried placing a simple container and it works pretty well.

I would highly appreciate your advice on implementing horizontally scrollable calendar when it is larger than the device display.

Thank you.

Best Regards.



4 Replies
?? ?? April 4, 2024 01:21 PM UTC

I forgot to mention that view I am working is day view and the width of each row is bigger than the display


YG Yuvaraj Gajaraj Syncfusion Team April 8, 2024 01:23 PM UTC

Hi,


Currently, we don't have support for scrolling the day view horizontally when it overflows the viewport. However, you can able to achieve your requirements by enabling the scrollbar with the help of the Scrollbar widget and using the scrollbar to scroll the calendar view. We have prepared the sample and shared it below for your reference. If you have any further queries, please get back to us. We are always happy to assist you.



Regards,

Yuvaraj.


Attachment: f187702_7357bd68.zip

?? ?? April 9, 2024 01:38 AM UTC

Thank you for the response.

In additional, I am currently willing to combine multiple day Calendars and combine them into a single widget where they are horizontally scrollable as a whole. I have achieved this for vertical scrolling with following reference: https://www.syncfusion.com/forums/172508/show-multiple-calendars-with-single-scrollbar

Below I attached image of my code snippet of current situation. With or without the scrollbar mentioned in above reply, the combined single widget (here ListView.builder) hardly detects my gesture and being scrolled.

Thank you.

Best Regards,
Peter


Attachment: Screenshot_20240409_at_10.26.13_AM_3f459445.zip

YG Yuvaraj Gajaraj Syncfusion Team April 9, 2024 02:52 PM UTC

Hi,


As we stated before currently we don't have support scrolling the multiple Calendar day view when it is overflowing horizontally in the viewport. So, we suggest you wrap the widget inside the scrollbar and scroll the view horizontally only by dragging the scrollbar. We have modified the sample by having multiple Calendars with day view and ensured it is scrolled horizontally by dragging the scrollbar.

If you have any further queries please get back to us, we are always happy to assist you.


Regards,

Yuvaraj.


Attachment: f187702_1a37041b.zip

Loader.
Up arrow icon