softmarshmallow / Flutter Timeline
Licence: mit
⌚️ A general flutter timeline widget based on real-world application references
Stars: ✭ 142
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
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
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
framework: flutter platform: Android, iOS, Web, macOS, Linux, Windows tags: flutter, timeline, flutter timeline, timeline tile title: flutter timeline
flutter_timeline
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
(run it now!)
simple examplemore documentation available at github
Also check out...
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].