Articles in this section
Category / Section

How to programmatically navigate to the date in the Flutter event calendar (SfCalendar)

1 min read

In the Flutter event calendar, you can programmatically navigate to the date using displayDate property of the CalendarController.

In initState(), initialize the controller for the calendar.

CalendarController _controller;
 
@override
void initState() {
  _controller = CalendarController();
  super.initState();
}

Use the displayDate property of calendar controller inside the RaisedButton pressed callback.

Container(
  margin: const EdgeInsets.fromLTRB(50, 30, 50, 0),
  child: RaisedButton(
    child: Text('Change display date'),
    onPressed: () {
      _controller.displayDate = DateTime(2020, 5, 1, 9, 0, 0);
    },
  ),
),

Assign controller value to the controller property of the calendar.

SfCalendar(
  view: CalendarView.day,
  controller: _controller,
),

View sample in GitHub

calendargif

 

 

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