主要是利用DecoratedBox的decoration属性:
Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
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,
)
效果图:

2474

被折叠的 条评论
为什么被折叠?



