A general timeline widget based on real-world application references

  Timeline, Timelines, Widgets

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
  •  supported & used by enterprise, constantly updated, used on production application.

Installation

dependencies:
  flutter_timeline: latest

usage

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

references

simple example

demo app
demo app
demo app

Download flutter timeline widget source code on GitHub

https://github.com/softmarshmallow/flutter-timeline