如何在 Flutter 中绘制带有线条的列表

【问题标题】：How can I draw a list with lines in Flutter如何在 Flutter 中绘制带有线条的列表
【发布时间】：2021-05-21 14:01:34
【问题描述】：

我将如何绘制如下所示的指令列表？

【问题讨论】：

【解决方案1】：

@override
Widget build(BuildContext context) {
  return Timeline.tileBuilder(
    builder: TimelineTileBuilder.fromStyle(
      contentsAlign: ContentsAlign.alternating,
      contentsBuilder: (context, index) => Padding(
        padding: const EdgeInsets.all(24.0),
        child: Text('Timeline Event $index'),
      ),
      itemCount: 10,
    ),
  );
}

【讨论】：

【解决方案2】：

真的很简单，flutter 有一个小部件，它叫做 Stepper，这是 Stepper 的小部件文档链接：https://api.flutter.dev/flutter/material/Stepper-class.html，研究这个小部件，你会做出这样的设计

【讨论】：