Flutter 时间线组件

显示一个可滚动的带有自定义子小部件和自定义图标的时间线。

安装

在你的 Flutter 项目的 pubspec.yaml 文件中

dependencies:
  timeline_list: ^0.0.3

特点

  • 3 种不同的时间线对齐方式。左对齐、居中、右对齐。
  • 使用 Timeline.builder 按需构建子组件。
  • 支持自定义图标和图标大小（图标大小仅在居中时间线上受支持）。

用法

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/ 文件夹中找到一个示例时间线应用。

GitHub

https://github.com/furkantektas/timeline_list