How to Load More Data on Demand in Flutter Event Calendar

How to Load More Data on Demand in Flutter Event Calendar

Learn how to load more Data on Demand in Flutter Event Calendar. In this blog, we will see how to load-more data appointments on demand in the Flutter event Calendar using the new load-more feature. Loading indicator in the Flutter Calendar when the calendar view changes.

When developing an application using a calendar, the most prevalent requirement is the ability to load data on demand in calendar views. Our Syncfusion  Flutter event Calendar provides all the common scheduling functionalities that allow users to load more data on demand.

In this blog, we will see how to load appointments on demand in the Flutter event Calendar using the new load-more feature. This useful feature is available in our  2021 Volume 1 release.

Building load-more widget

We are going to build our own custom widget that will be displayed as a loading indicator in the Flutter Calendar when the calendar view changes. In Calendar schedule view, this loading indicator will be displayed when a user reaches the start or end position to load more appointments.

You can build the custom widget for a loading indicator by using the  loadMoreWidgetBuilder property in the Flutter Calendar.

Refer to the following code example.

return SfCalendar(

controller: calendarController,

dataSource: calendarDataSource,

allowedViews: _allowedViews,

loadMoreWidgetBuilder:

(BuildContext context, LoadMoreCallback loadMoreAppointments) {

return FutureBuilder<void>(

future: loadMoreAppointments(),

builder: (context, snapShot) {

return Container(

height: _calendarController.view == CalendarView.schedule

? 50

: double.infinity,

width: double.infinity,

alignment: Alignment.center,

child: CircularProgressIndicator(

valueColor: AlwaysStoppedAnimation(Colors.blue)));

},

);

},

monthViewSettings: MonthViewSettings(

appointmentDisplayMode: MonthAppointmentDisplayMode.appointment,

appointmentDisplayCount: 4),

timeSlotViewSettings: TimeSlotViewSettings(

minimumAppointmentDuration: const Duration(minutes: 60)));

flutter mobile android event calendar

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Google's Flutter 1.20 stable announced with new features - Navoki

Google has announced new flutter 1.20 stable with many improvements, and features, enabling flutter for Desktop and Web

Top Android Projects with Source Code

Android projects with source code - Work on real-time android projects. We’ll start project ideas from beginners level and later move to advance projects.

What is Flutter and why you should learn it?

Flutter is an open-source UI toolkit for mobile developers, so they can use it to build native-looking Android and iOS applications from the same code base for both platforms. Flutter is also working to make Flutter apps for Web, PWA (progressive Web-App) and Desktop platform (Windows,macOS,Linux).

Flutter Tutorial - Calendar Event App With Day & Week View - Flutter Syncfusion Calendar

Create a Flutter Calendar Event App with different views. Schedule appointments, edit and delete calendar events in Flutter. Click here to Subscribe to Johan...

Introducing Timeline Resource Grouping in Flutter Event Calendar

The newly introduced timeline resource grouping feature is a discrete view in our Flutter event calendar widget. It allows you to group appointments based on the available resources in the timeline view of the Calendar widget. This feature is available in our 2020 Volume 3 release. Through this feat