Skip to content

JonasJW/timeline_list

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flutter Timeline Widget

pub package Build Status codecov

Displays a scrollable timeline with custom child widgets and custom icons.

Flutter Timeline List Screenshot

Installation

In your pubspec.yaml file within your Flutter Project:

dependencies:
  timeline_list: ^0.0.3

Features

  • 3 different timeline alignments. Left, Center, Right.
  • On demand child building with Timeline.builder.
  • Custom icon and icon size support (icon sizes supported only on centered timeline).

Usage

import 'package:timeline_list/timeline.dart';
import 'package:timeline_list/timeline_model.dart';

List<TimelineModel> items = [
      TimelineModel(Placeholder(),
          position: TimelineItemPosition.random,
          iconBackground: Colors.redAccent,
          icon: Icon(Icons.blur_circular)),
      TimelineModel(Placeholder(),
          position: TimelineItemPosition.random,
          iconBackground: Colors.redAccent,
          icon: Icon(Icons.blur_circular)),
    ];
    return Timeline(children: items, position: TimelinePosition.Center);

Example

A sample timeline app can be found in the example/ folder.

ehlibyte games

About

Timeline widget for flutter

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 97.3%
  • Objective-C 1.8%
  • Java 0.9%