Flutter Timeline

⌚️ A general flutter timeline widget based on real-world application references
Alternatives To Flutter Timeline
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Table_calendar1,5362122 months ago48May 29, 202269apache-2.0Dart
Highly customizable, feature-packed calendar widget for Flutter
Flutter_calendar_carousel772
9 days ago7mitDart
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 Timeline295
2 years agon,ullmitDart
⌚️ A general flutter timeline widget based on real-world application references
Flutter_calendar_view294
a month ago5June 02, 202228mitDart
A Flutter package allows you to easily implement all calendar UI and calendar event functionality. 👌🔝🎉
Flutter_calendar291
214 years ago9January 06, 202025bsd-2-clauseDart
A calendar widget for Flutter.
Timetable288
7 days ago24August 19, 202230apache-2.0Dart
📅 Customizable flutter calendar widget including day and week views
Datepickertimelineflutter230
28 days ago9March 06, 202136apache-2.0Dart
Flutter Date Picker Library that provides a calendar as a horizontal timeline
Flutterweekview196
3 months 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
Alternatives To Flutter Timeline
Select To Compare


Alternative Project Comparisons
Readme

framework: flutter platform: Android, iOS, Web, macOS, Linux, Windows tags: flutter, timeline, flutter timeline, timeline tile title: flutter timeline

flutter_timeline

logo

a fully customizable & general timeline widget, based on real-world application references

  • fully customizable indicator dot
  • support spacing between indicator dot and lines
  • support spacing between event (items) but leaving the line connected
  • uses custom paint, but yet, indicator and body are fully customizable.
  • 2 real-world demos
  • L2R support
  • anchor support
  • global offset support
  • item offset support
  • supported & used by enterprise, constantly updated, used on production application.

Installation

dependencies:
  flutter_timeline: latest

usage

simple

  TimelineEventDisplay get plainEventDisplay {
    return TimelineEventDisplay(
        child: TimelineEventCard(
          title: Text("just now"),
          content: Text("someone commented on your timeline ${DateTime.now()}"),
        ),
        indicator: TimelineDots.of(context).circleIcon);
  }

  List<TimelineEventDisplay> events;

  Widget _buildTimeline() {
    return TimelineTheme(
        data: TimelineThemeData(lineColor: Colors.blueAccent),
        child: Timeline(
          indicatorSize: 56,
          events: events,
        ));
  }

  void _addEvent() {
    setState(() {
      events.add(plainEventDisplay);
    });
  }

using offset

Widget _buildTimeline() {
  return Timeline(
      indicatorSize: 56,
      events: events,
      altOffset: Offset(0, -24) // set offset
  );
}

using anchor & offset

  TimelineEventDisplay get plainEventDisplay {
    return TimelineEventDisplay(
        anchor: IndicatorPosition.top,
        indicatorOffset: Offset(0, 24),
        child: TimelineEventCard(
          title: Text("multi\nline\ntitle\nawesome!"),
          content: Text("someone commented on your timeline ${DateTime.now()}"),
        ),
        indicator: randomIndicator);
  }

complex example

simple example (run it now!)

more documentation available at github

Sponsors

Also check out...

flutter_layouts

references

https://www.pinterest.com/official_softmarshmallow/flutter-timeline/

Popular Flutter Projects
Popular Calendar Projects
Popular User Interface Categories
Related Searches

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