Flutter 如何绘制垂直链接以连接颤振中的主图标

Flutter 如何绘制垂直链接以连接颤振中的主图标,flutter,Flutter,我想在listtile Flatter中的主要图标之间画一条垂直线。我试过垂直分隔器,但我不想要线与线之间的空间。我想做我下面展示的图像。有人知道怎么做吗 这是我的密码: Widget build(BuildContext context) { return ListView( children: <Widget>[ ListTile( dense: true, tit

我想在listtile Flatter中的主要图标之间画一条垂直线。我试过垂直分隔器,但我不想要线与线之间的空间。我想做我下面展示的图像。有人知道怎么做吗

这是我的密码:

    Widget build(BuildContext context) {
        return ListView(
          children: <Widget>[
            ListTile(
            dense: true,
            title: Text('Name'),
            leading: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                Icon(
                  Icons.person,
                  color: Colors.black,
                ),
          
ListTile(
        dense: true,
        title: Text('Name'),
        leading: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Icon(
              Icons.person,
              color: Colors.black,
            ),
      
ListTile(
        dense: true,
        title: Text('Name'),
        leading: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            Icon(
              Icons.person,
              color: Colors.black,
            ),
   
              ],
            ),
          ),
          ],
        )
小部件构建(构建上下文){
返回列表视图(
儿童:[
列表砖(
是的,
标题:文本(“名称”),
领先:世界其他地区(
mainAxisSize:mainAxisSize.min,
儿童:[
图标(
一个人,
颜色:颜色,黑色,
),
列表砖(
是的,
标题:文本(“名称”),
领先:世界其他地区(
mainAxisSize:mainAxisSize.min,
儿童:[
图标(
一个人,
颜色:颜色,黑色,
),
列表砖(
是的,
标题:文本(“名称”),
领先:世界其他地区(
mainAxisSize:mainAxisSize.min,
儿童:[
图标(
一个人,
颜色:颜色,黑色,
),
],
),
),
],
)

将图标包装到堆栈 将2个红色容器添加到堆栈中,放置在中间顶部和中间底部

尝试,将更容易实现:

对于图标指示器,请使用TimelineNode

SizedBox(
height: 80.0,
child: TimelineNode(
indicator: Icon(Icons.people),
startConnector: SolidLineConnector(),
endConnector: SolidLineConnector(),
),
)
试用套装,您可以在星星之间画垂直线。

SizedBox(
身高:20.0,
子:装饰的LineConnector(
装饰:盒子装饰(
梯度:线性梯度(
开始:Alignment.topCenter,
结束:对齐。底部中心,
颜色:[colors.blue,colors.lightBlueAccent[100]],
),
),
),
)