小言_互联网的博客

《Flutter 控件大全》第三十七个：Divider和VerticalDivider

2020-07-01 18:34 538人阅读  评论(0)
  • 如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。
  • Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。

Divider

Divider是一个分割线控件。基本用法如下：

Divider(
  height: 10,
  thickness: 5,
  color: Colors.red,
  indent: 10,
  endIndent: 20,
)

height：是控件的高，并不是线的高度，绘制的线居中。

thickness：线的高度。

indent：分割线前面空白区域。

endIndent：分割线后面空白区域。

效果如下：

蓝色区域为父控件，红色为分割线。

VerticalDivider

VerticalDivider 和Divider用法一样，Divider是水平分割线，而VerticalDivider是垂直分割线，用法如下：

VerticalDivider(
  width: 20,
  thickness: 2,
  color: Colors.red,
  indent: 10,
  end

转载：https://blog.csdn.net/mengks1987/article/details/105310254
查看评论
* 以上用户言论只代表其个人观点，不代表本网站的观点或立场