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
一个widget,它沿着一个给定的轴,顺序排列它的子元素
注意点:
最后这几个组件怎么使用看需求选择最适合的就行。
Flutter(5):基础组件之Row/Column
Flutter(33):Material组件之ListTile、RefreshIndicator、ListView、Divider
下一节:Layout组件之CustomMultiChildLayout
数据表显示表格数据,需要设置行和列
这个需要设置属性color,可以实现勾选状态与非勾选状态下背景色的改变
下一节:Material组件之LinearProgressIndicator/CircularProgressIndicator
[img]