第一種：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],),] ),

總結

以上是生活随笔為你收集整理的flutter中分割线效果实现（三种方法）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。