如何在下图所示的抖动中进行步进设计？

Question

我想做图片所示的设计。单击“ +”按钮时，状态应更新。

例如，如果我单击“ +”按钮“自然，自然”并更新日期，而“ +”按钮应向下移动。

然后再次单击“ +”按钮INSEMINATION，日期应更新并继续。

我不要步进。我需要处理任何小部件。请帮我。预先谢谢你

Answer 1

看看https://pub.dev/packages/timeline_list

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

您可以使用listvew实现此目的。 使用没有任何边距和填充的列表视图来连接垂直线。 ü 您可以使用vertical devicer，也可以仅使用宽度为1px的容器作为垂直线。 明智地管理连接垂直线的布局。 飘飘快乐。