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