如何制作一个简单的时间轴UI？

Question

我将制作一个时间线界面，向我们展示进展情况。在本例中为市场。

这是我想要的：

我一直在寻找代码，但我找不到制作它的方法。

我的意思是我不会在这种情况下使用堆栈

Answer 1

看看这个 library

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

Answer 2

现在您可以使用 timeline_tile 轻松完成此操作。

查看此特定交付布局：

此外，beautiful_timelines 存储库包含一些使用此包构建的示例。

Web demo

如何制作一个简单的时间轴UI？

How to make a simple Timeline UI?

android

flutter

timeline