Flutter 分割组件Divider

Divider的构造方法

成都创新互联公司长期为超过千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为博爱企业提供专业的网站建设、成都网站设计，博爱网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

可以看出Divider组件只有5个属性，一目了然，使用也非常简单

indent: 起点缩进距离

endIndent: 终点缩进距离

color: 分割线颜色

height: 分割线区域的高度，并非分割线的高度

thickness: 分割线的厚度，真正的分割线的高度

注意:

1.当height为null的时候会去查看 DividerThemeData.space的高度，如果同样为null，则默认分割线区间为16

2.如果不设置thickness的高度，分割线默认为1px且居中显示

3.如果想设置真实的分割线高度，需要把height和thickness设置为一样高即可。

4.flutter还提供了竖直方向上的分割线组件VerticalDivider,用法一至，不在赘述。

Demo

Flutter（67）：Layout组件之ListBody

一个widget，它沿着一个给定的轴，顺序排列它的子元素

注意点：

最后这几个组件怎么使用看需求选择最适合的就行。

Flutter（5）：基础组件之Row/Column

Flutter（33）：Material组件之ListTile、RefreshIndicator、ListView、Divider

下一节：Layout组件之CustomMultiChildLayout

Flutter（30）：Material组件之DataTable

数据表显示表格数据，需要设置行和列

这个需要设置属性color，可以实现勾选状态与非勾选状态下背景色的改变

下一节：Material组件之LinearProgressIndicator/CircularProgressIndicator

[img]
本文标题：flutter基础组件,flutter组件库Demo
文章路径：http://ybzwz.com/article/dsophcd.html