All Projects → softmarshmallow → Flutter Timeline

softmarshmallow / Flutter Timeline

Licence: mit
⌚️ A general flutter timeline widget based on real-world application references

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Flutter Timeline

sugarcalendar-core
Sugar Calendar plugin for WordPress
Stars: ✭ 40 (-71.83%)
Mutual labels:  events, calendar
Calendar
Календарь событий по фронтенду
Stars: ✭ 395 (+178.17%)
Mutual labels:  events, calendar
Timestamp
⏰ A better macOS menu bar clock.
Stars: ✭ 296 (+108.45%)
Mutual labels:  customizable, calendar
networkdays
Networkdays functions ... including `networkdays` excel like function with no dependencies (no NumPy)
Stars: ✭ 22 (-84.51%)
Mutual labels:  events, calendar
Forcal
📅 Das AddOn ist ein variabel einsetzbarer Kalender(-Generator), Skedule, Newssystem, Event- und Terminplaner für REDAXO 5.x.
Stars: ✭ 52 (-63.38%)
Mutual labels:  events, calendar
Klendario
A Swift wrapper over the EventKit framework
Stars: ✭ 44 (-69.01%)
Mutual labels:  events, calendar
Cadar
Android solution which represents month and list calendar views.
Stars: ✭ 360 (+153.52%)
Mutual labels:  events, calendar
React Native Add Calendar Event
Create, view or edit events in react native using the standard iOS / Android dialogs
Stars: ✭ 225 (+58.45%)
Mutual labels:  events, calendar
Laravel Google Calendar
Manage events on a Google Calendar
Stars: ✭ 787 (+454.23%)
Mutual labels:  events, calendar
Koyomi
Simple customizable calendar component in Swift 📆
Stars: ✭ 716 (+404.23%)
Mutual labels:  customizable, calendar
node-google-calendar
Simple node module that supports Google Calendar API
Stars: ✭ 76 (-46.48%)
Mutual labels:  events, calendar
Teamcity Theatre
👀 Monitor those builds! 🔨 (No TeamCity plugin needed!)
Stars: ✭ 56 (-60.56%)
Mutual labels:  tile, customizable
wp-event-calendar
The best way to manage events in WordPress
Stars: ✭ 46 (-67.61%)
Mutual labels:  events, calendar
contao-events subscriptions
Contao extension that allows members of your website to subscribe to the events
Stars: ✭ 12 (-91.55%)
Mutual labels:  events, calendar
THCalendar
Calendar like iOS
Stars: ✭ 21 (-85.21%)
Mutual labels:  calendar, customizable
Fb2cal
Fetch Facebook Birthdays events and create an ICS file for use with calendar apps
Stars: ✭ 335 (+135.92%)
Mutual labels:  events, calendar
Customizablecalendar
CustomizableCalendar is a library that allows you to create your calendar, customizing UI and behaviour
Stars: ✭ 214 (+50.7%)
Mutual labels:  customizable, calendar
Quasar Ui Qcalendar
QCalendar - Quasar App Extension, Vue CLI plug-in and UMD distributions available
Stars: ✭ 148 (+4.23%)
Mutual labels:  events, calendar
React Modern Calendar Datepicker
A modern, beautiful, customizable date picker for React
Stars: ✭ 555 (+290.85%)
Mutual labels:  customizable, calendar
Ls.joyous
A calendar application for Wagtail
Stars: ✭ 53 (-62.68%)
Mutual labels:  events, calendar

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);
  }

references

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

complex example

simple example (run it now!)

more documentation available at github

Also check out...

flutter_layouts

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].