Flutter_calendar

Calendar widget for flutter
Alternatives To Flutter_calendar
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Table_calendar1,51221211 days ago48May 29, 202263apache-2.0Dart
Highly customizable, feature-packed calendar widget for Flutter
Flutter_calendar_carousel7542316 days ago89July 12, 20223mitDart
Calendar widget for flutter that is swipeable horizontally. This widget can help you build your own calendar widget highly customizable.
Flutter_custom_calendar384
3 years ago35bsd-2-clauseDart
Flutter的一个日历控件
Flutter Timeline293
a year agon,ullmitDart
⌚️ A general flutter timeline widget based on real-world application references
Flutter_calendar291
214 years ago9January 06, 202025bsd-2-clauseDart
A calendar widget for Flutter.
Flutter_calendar_view278
4 days ago5June 02, 202224mitDart
A Flutter package allows you to easily implement all calendar UI and calendar event functionality. 👌🔝🎉
Timetable278
2 months ago24August 19, 202228apache-2.0Dart
📅 Customizable flutter calendar widget including day and week views
Flutterweekview196
6 days ago25May 19, 202210mitDart
Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !
Flutter_calendar_strip175
2a year ago8October 22, 202014bsd-3-clauseDart
A Flutter Calendar Strip Widget
Flutter_calendar158
1a year ago15October 18, 202116bsd-2-clauseDart
Calendar widget for flutter
Alternatives To Flutter_calendar
Select To Compare


Alternative Project Comparisons
Readme

Calendar

Shows a scrolling calendar list of events. This is still relatively basic, it always assumes that the getEvents returns the entire list of calendar events (mostly ignoring the values passed into the source). It does work however :) Optionally, you can use an image as a background for the calendar header and another image for the month header.

The calendar uses slivers to display the widgets in the view and lets you scroll forward and backward through the events. The header widget will drop down and open up the days of the month, letting you select specific days as well as move back and forth between the months. By default it displays a list of events and not a day view, the day view code is all just a stub right now.

Here is how to use the calendar widget itself:

new CalendarWidget(
              initialDate: new TZDateTime.now(local),
              buildItem: buildItem,
              getEvents: getEvents,
            );

How to setup a source for the calendar widget.

...
  List<Game> _listToShow;
  StreamSubscription<UpdateReason> _listening;

  @override
  Widget buildItem(BuildContext context, CalendarEvent event) {
    return new GameCard(_listToShow[event.index]);
  }

  @override
  List<CalendarEvent> getEvents(DateTime start, DateTime end) {
    if (_listToShow == null) {
      _listToShow = UserDatabaseData.instance.games.values.toList();
    }
    if (_listToShow == null) {
      return [];
    }
    List<CalendarEvent> events = new List<CalendarEvent>();
    int pos = 0;
    _listToShow.forEach((Game g) => events.add(new CalendarEvent(
        instant: g.tzTime, instantEnd: g.tzEndTime, index: pos++)));
    return events;
  }
...

Example of the calendar widget in action:

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

Popular Flutter Projects
Popular Calendar Projects
Popular User Interface Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Dart
Flutter
Calendar