navigationDirection property

MonthNavigationDirection navigationDirection

The direction tht SfCalendar month view is navigating in.

If it this property set as MonthNavigationDirection.vertical the SfCalendar month view will navigate to the previous/next views in the vertical direction instead of the horizontal direction.

Defaults to MonthNavigationDirection.horizontal.

See also:

• MonthNavigationDirection, to know more about the available navigation direction in month view of calendar.
• SfCalendar.viewNavigationMode, which allows to customize the view navigation mode for calendar.
• SfCalendar.showNavigationArrow, which allows to navigation to previous and next view of calendar programmatically.
• Knowledge base: How to restrict the view navigation
• Knowledge base: How to navigate to the previous or next view using navigation arrows

Widget build(BuildContext context) {
   return Container(
     child: SfCalendar(
       view: CalendarView.month,
       monthViewSettings: MonthViewSettings(
          dayFormat: 'EEE',
          numberOfWeeksInView: 4,
          appointmentDisplayCount: 2,
          appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,
          showAgenda: false,
          navigationDirection: MonthNavigationDirection.horizontal),
     ),
   );
 }

Implementation

final MonthNavigationDirection navigationDirection;