如何在 Flutter 中的 Column 上的 Widget 之间添加垂直分隔线

您好.

我在这个网站上浏览过关于如何在Flitter中的柱上小部件之间添加垂直分隔符的内容？但我什么都没有.

here what I want

我已经做了水平隔板.但当我试图制作一个垂直分隔线，将两个对象(文本|图像)分隔开来时，我什么也没有得到.

以下是代码:

Row(children: <Widget>[
                Expanded(
                  child: new Container(
                      margin: const EdgeInsets.only(left: 10.0, right: 20.0),
                      child: Divider(
                        color: Colors.black,
                        height: 36,
                      )),
                ),
                Text("OR"),
                Expanded(
                  child: new Container(
                      margin: const EdgeInsets.only(left: 20.0, right: 10.0),
                      child: Divider(
                        color: Colors.black,
                        height: 36,
                      )),
                ),
              ]),

上面的代码用于水平方向

Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            Row(
              children: <Widget>[
                Image.asset('images/makanan.png', width: 30,),
                Text('Diskon 20%', style: TextStyle(fontSize: 5, color: Colors.green),)
              ],
            ),
            VerticalDivider(
              color: Colors.red,
              width: 20,
            ),
            Row(
              children: <Widget>[
                Image.asset('images/makanan.png', width: 30,),
                Text('Diskon 20%', style: TextStyle(fontSize: 5, color: Colors.green),)
              ],
            ),
          ],
        ),

上面的代码是我为垂直分隔线创建的.但是失败了.

需要你的帮助，