网站建设资讯

NEWS

网站建设资讯

flutter基础组件,flutter组件库Demo

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://cdweb.net/article/dsophcd.html