furkantektas / timeline_list Goto Github PK

View Code? Open in Web Editor NEW

392.0 10.0 89.0 373 KB

Timeline widget for flutter

License: MIT License

Objective-C 0.08% Dart 94.21% Shell 1.31% Kotlin 0.27% Swift 0.88% HTML 3.26%

flutter timeline package widget dart ios android

timeline_list's Introduction

Flutter Timeline Widget

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

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.

timeline_list's People

Contributors

Stargazers

Watchers

Forkers

lordandares matrixdekoder trendingtechnology mohammedmutafa kalismeras61 zr1github jjclane toanphung dkobia rodrigogalhardo partnercloudsupport eagerashwani cfirmo33 mjhansen3 zpcsa gm335208 vaghelayash mrliuwen osmansbr johni2qs melark dg0s layanimal hoaxoan ygren mohammedbabelly lrovani tnnam gustavo-henrique-em jonasjw studyrepo201909 huhx lakakenny aquadic saliansagar4 plainqode sachinganesh jeffdev2018 mamadou888 jakubcelewicz alexander-scott marvelvv zulfazlibakri lingyun000 sirily11 musthafa1996 hefei93 md-weber tercyostorck arnoldcaba charmfocus andinhwa opopol-hari tokyokamera crackerboy flutterworks aspdotmike clugraphy jhbitencourt eriks-bit tajirhas9 uttaravadina ahashelit alperbek morristech lharikrishnan1993 gamein-boss shameem2001 minhcuongit mejigar alexisenp sayyidisal samramez abdrrahmenz lichfy imcoffeefreak osias-miranda nguoianphu eszhanghome stijn1989 jocknine2 agryva git-wylson ngocsangair01 nagyist vignesh7056 pishguy

timeline_list's Issues

Timeline arkaplan rengi

Furkan selamlar, günün sonunda çizilen widgetın arkaplan rengi kişiselleştirilemiyor. Bir sonraki versiyonda buna değinebilirsin. Onun haricinde çok güzel olmuş ellerine sağlık.

How to scroll to the item when push back?

Hi Team,

I would like to scroll the screen to the Timeline item when click to back button. How could I do that?
Thanks.

Icon position configurable.

Right now the content is configurable(random, left, right and center) but the milestone icon stays in the middle(refer image). please provide option to configure positition of icons

It is possible to show horizontally?

Is it possible to use IconButton instead of Icon in the timeline?

Is it possible to use IconButton instead of Icon in the timeline?
Or is there any onpressed callback on the icon?
Thank you

Change background color

As the background color is modified, it is always white

Option to change line color dynamically for each list

it is good if having a feature like option to change line color dynamically for each list

Align both items and icon to same vertical axis?

Currently, the icon will always be center vertically aligned to the item, is there a way to align the icon to the top same level of the item?

Widget instead of Icon?

I'd love to be able to use an image instead of an icon. ImageIcon alone would suffice.

Place circle marker on the top of the content

There is an way to place circle marker on the top of the content?

how to change the backgroundcolor

I use dark theme,then I can't change the backgroundcolor of timeline

Why based of ListView?

I like the package but I would prefer it if it wasn't implemented with a ListView.

If it was based on a Column I could wrap it in my own ListView. This way I can have other Widgets, that should not be included in my timeline within a scrolling List.

need more customization

here is example of shopify's time line. this library needs to be more flexible to support developers to use with advance as such.

An option to add space between the child widgets of the timeline models would be nice. You can do it by wrapping the child in Container with a margin bottom to the desire space. But then the icon isn't place in the center next to the child widget of the timeline model.

好像并不能给timelineModel里面自定义widget

想自定义右边timelineModel里面的内容