flutter实现分割线效果

这是我参与8月更文挑战的第 2 天，活动详情查看：8月更文挑战。为应掘金的八月更文挑战

flutter中经常会遇到要实现分割线效果，以达到层级效果，那么，今天他来了。

第一种：Divider(Double:height,Double:indent,color:color)

1.height：分割线Widget的高，不是分割线本身效果的高,可以达到两个Widget 之间margin的效果

2.indent：分割线左边缩进长度 与之对应的还有右边缩进长度

3.color：分割线的颜色

4.代码示例：

<Widget>[
    Container( height: 65.0,),
    Divider(height: 1.0,indent: 60.0,color: Colors.red,),
    Container( height: 65.0, ),
],
​

第二种：DecoratedBox(decoration:BoxDecoration(Border:border))

1.新建一个不带child Widget 的装饰容盒子，只使用边框参数，相当于一个没有高度的空白盒子

2.代码示例

DecoratedBox(
    decoration:BoxDecoration(
        border:Border.all(color: Colors.grey[200],width: 1.0)
    ),
)，
​

第三种：用Widget 阴影达到分割线的效果，一个Widget 效果不明显，当两个都有阴影的Widget 相邻的时候就达到的分割线的效果

Container(
    decoration: BoxDecoration(color: Colors.white, boxShadow: <BoxShadow>[
         BoxShadow(
            color: Colors.grey[300],
         ),
    ]
),