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

Last update: Nov 20, 2022

Overview

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.

Comments

Null Safety migration and general framework updates for the example files.

this PR is addressing two major updates:

1. Null Saftey migration

Migrated the project to Null Safety by identifying required properties for each function.

2. Android and iOS version updates:

Updating Android and iOS versions to the latest releases. This would eliminate the following message when running the project:

opened by samramez 3
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.

opened by JonasJW 2
Added the ability to set the ListView scroll physics

This is necessary when using the TimeLine within a Column and when shrinkWrap is set to true, otherwise you can't get the correct scrolling behaviour.

opened by JJCLane 2
(Second PR) Null Safety migration and general framework updates for the example files

this PR is addressing two major updates:

1. Null Saftey migration

Migrated the project to Null Safety by identifying required properties for each function.

2. Android and iOS version updates:

Updating Android and iOS versions to the latest releases. This would eliminate the following message when running the project:

opened by samramez 1
Space between timeline models

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.

opened by stijn1989 0
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

opened by HarshaiOS1 0

Owner

Furkan Tektas

🤹‍♂️ Data

GitHub

A flutter carousel widget, support infinite scroll, and custom child widget.

carousel_slider A carousel slider widget. Features Infinite scroll Custom child widgets Auto play Supported platforms Flutter Android Flutter iOS Flut

1 Nov 25, 2021

A Flutter Widget to make interactive timeline widget.

Bubble Timeline Package A Flutter Widget to make interactive timeline widget. This widget can be used to make Event Timelines, or Timelines for certai

12 Sep 22, 2022

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

framework platform tags title flutter Android, iOS, Web, macOS, Linux, Windows flutter, timeline, flutter timeline, timeline tile flutter timeline flu

285 Dec 21, 2022

Flutter widget form select a date in horizontal timeline with customizable styles.

Flutter widget form select a date in horizontal timeline with customizable styles. Getting Started You can use this package when you need to add a dat

158 Dec 2, 2022

Custom widgets and utils using Flutter framework widgets and Dart language

reuse_widgets_and_utils The custom widgets and utils using Flutter framework widgets and Dart programming language. Getting Started This project is a

1 Oct 29, 2021

Flutter Package: When your desired layout or animation is too complex for Columns and Rows, this widget lets you position/size/rotate/transform its child in complex ways.

align_positioned Widgets in this package: AlignPositioned AnimatedAlignPositioned AnimChain Why are these widgets an indispensable tool? When your des

69 Dec 12, 2022

Rows_Columns with Child and Children Widget Demo

Rows_Columns with Child and Children Widget Demo A new Flutter project.This project is to show the combination of Rows and Columns and Child and Child

1 Mar 17, 2022

A widget that imposes different constraints on its child than it gets from its parent

A widget that imposes different constraints on its child than it gets from its parent, possibly allowing the child to overflow the parent. Similar to `OverflowBox` except that the unconstrained width or height is sized to the intrinsic size of the child, instead of being assumed to be infinite, which allows IntrinsicSizeOverflowBox to be used in a `Scrollable` widget.

3 Dec 7, 2022

A Flutter widget that will give a Glitch Animation Effect to it's child widget.

GlitchEffect A Flutter widget that will give a Glitch Animation Effect to it's child widget. Installation Add the latest version of package to your pu

6 Nov 25, 2022

A widget that displays a collection of dispersed and non-overlapping children

flutter_scatter A widget that displays a collection of dispersed and non-overlapping children. Can be used to create word clouds: Features Built-in de

85 Sep 27, 2022

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

196 Dec 2, 2022

React hooks for Flutter. Hooks are a new kind of object that manages a Widget life-cycles. They are used to increase code sharing between widgets and as a complete replacement for StatefulWidget.

English | Português Flutter Hooks A Flutter implementation of React hooks: https://medium.com/@dan_abramov/making-sense-of-react-hooks-fdbde8803889 Ho

2.6k Dec 29, 2022

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

Related tags

Overview

Flutter Timeline Widget

Installation

Features

Usage

Example

Comments

Null Safety migration and general framework updates for the example files.

1. Null Saftey migration

2. Android and iOS version updates:

Why based of ListView?

Added the ability to set the ListView scroll physics

(Second PR) Null Safety migration and general framework updates for the example files

1. Null Saftey migration

2. Android and iOS version updates:

Space between timeline models

Icon position configurable.

Owner

Furkan Tektas

A flutter carousel widget, support infinite scroll, and custom child widget.

A Flutter Widget to make interactive timeline widget.

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

Flutter widget form select a date in horizontal timeline with customizable styles.

Custom widgets and utils using Flutter framework widgets and Dart language

Flutter Package: When your desired layout or animation is too complex for Columns and Rows, this widget lets you position/size/rotate/transform its child in complex ways.

Rows_Columns with Child and Children Widget Demo

A widget that imposes different constraints on its child than it gets from its parent

A Flutter widget that will give a Glitch Animation Effect to it's child widget.

A widget that displays a collection of dispersed and non-overlapping children

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Flutter package: Assorted layout widgets that boldly go where no native Flutter widgets have gone before.

Flutter-useful-widgets - Flutter Useful Widgets

Widgets beginner - Widgets beginner with flutter

Custom Flutter widgets that makes Checkbox and Radio Buttons much cleaner and easier.

This repo is for anything that can be reusable in flutter like custom widgets 🟥, animations 🌟and more

Show custom in-app notification with any Widgets in flutter

Custom-Position-Popup - Custom Position Popup For Flutter

React hooks for Flutter. Hooks are a new kind of object that manages a Widget life-cycles. They are used to increase code sharing between widgets and as a complete replacement for StatefulWidget.