Flutter 竖线 垂直分割线
主要是利用DecoratedBox的decoration属性:Row(mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment: CrossAxisAlignment.center,children: <Widget>[FlatButton(...
·
主要是利用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,
)
效果图:
更多推荐



所有评论(0)