Articles in this section
Category / Section

How to navigate to the previous or next views using navigation arrows in the Flutter Calendar

1 min read

In the Flutter Event Calendar, you can navigate to the previous or next views without swiping by using the property of the showNavigationArrow in calendar.

By changing the header textAlign, the arrow position will be placed.

import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_calendar/calendar.dart';
 
void main() => runApp(NavigationArrow());
 
class NavigationArrow extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
            body: SafeArea(
                child: SfCalendar(
          view: CalendarView.day,
          showNavigationArrow: true,
          headerStyle: CalendarHeaderStyle(textAlign: TextAlign.center),
        ))));
  }
}

View sample in GitHub

                Center

center

 

               Left

left

 

                  Right

right

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied