Flutter分割组件Divider介绍

Divider的构造方法

const Divider({

    Key key,
    this.height,
    this.thickness,
    this.indent,
    this.endIndent,
    this.color,
  }) : assert(height == null || height >= 0.0),
       assert(thickness == null || thickness >= 0.0),
       assert(indent == null || indent >= 0.0),
       assert(endIndent == null || endIndent >= 0.0),
       super(key: key);

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

indent: 起点缩进距离
endIndent: 终点缩进距离
color: 分割线颜色
height: 分割线区域的高度，并非分割线的高度
thickness: 分割线的厚度，真正的分割线的高度

注意:
1.当height为null的时候会去查看 DividerThemeData.space的高度，如果同样为null，则默认分割线区间为16
2.如果不设置thickness的高度，分割线默认为1px且居中显示
3.如果想设置真实的分割线高度，需要把height和thickness设置为一样高即可。
4.flutter还提供了竖直方向上的分割线组件VerticalDivider,用法一至，不在赘述。

来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app开发工具等免费获取。

千语创想-专业APP开发、app定制服务商，提供一站式移动应用解决方案，满足您的各类需求，欢迎免费评估需求和获取报价。