flutter基础组件,flutter组件库Demo

Flutter 分割组件Divider

Divider的构造方法

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

indent: 起点缩进距离

endIndent: 终点缩进距离

color: 分割线颜色

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

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

注意:

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

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

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

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

Demo

相关问答

Q1: Flutter（67）：Layout组件之ListBody

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

注意点：

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

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

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

下一节：Layout组件之CustomMultiChildLayout

Q2: Flutter（30）：Material组件之DataTable

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

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

下一节：Material组件之LinearProgressIndicator/CircularProgressIndicator

[img]