如何在Flutter中的单杠中创建步骤

Question

我正在尝试实现这种设计，但是它一直失败：

尝试使用Steps软件包，但效果不佳

这是它的样子：

还尝试使用此代码手动执行此操作，但效果也不令人满意！

Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Row(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: [
                        Column(
                          children: [
                            Text('العنوان', style: TextStyle(color: Colors.white,fontSize: 16),),
                            Image.asset('assets/images/ellipse_142.png'),
                          ],
                        ),
                        Expanded(
                          child: Column(
                            children: [
                              Divider(color: Colors.white,thickness: 3,)
                            ],
                          ),
                        ),
                        Column(
                          children: [
                            Text('بيانات العميل', style: TextStyle(color: Colors.black,fontSize: 16),),
                            Image.asset('assets/images/ellipse_142.png'),
                          ],
                        ),
                        Column(
                          children: [
                            Text('التوصيل \ الدفع', style: TextStyle(color: Colors.black,fontSize: 16),),
                            Image.asset('assets/images/ellipse_142.png'),
                          ],
                        ),

                      ],
                    ),
                  ],
                ),

那是有史以来最丑的结果！