Flutter 竖线 垂直分割线

主要是利用DecoratedBoxdecoration属性:

Row(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        FlatButton(
          child: Text('打开'),
        ),
        //垂直分割线
        SizedBox(
          width: 1,
          height: 12,
          child: DecoratedBox(
            decoration: BoxDecoration(color: Colors.grey),
          ),
        ),
        FlatButton(
          child: Text('关闭'),
        )
      ],
    );

或者更简单的,直接使用VerticalDivider

VerticalDivider(
                        color: Colors.grey,
                        width: 1,
                      )

效果图:
在这里插入图片描述

你可能感兴趣的:(Flutter)