Flutter

FlutterのDivider 分割线-入门学习

2021-05-04  本文已影响0人  SteamPY

1.案例

Divider(height: 1.0,indent: 30.0,color: Colors.pink);

这个是一个高度为1,距离左边距 30,颜色pink 分割线

2.案例二

用container 实现分割线

Container(width: double.infinity, height: 8.0, color: Color(0xFFF3F3F3),)

这个是一个宽度全屏,高度8,颜色0xFFF3F3F3
(可直接设置宽度和高度,以及颜色;通过宽高的搭配灵活的变为水平或者竖直方向的分隔线;)
注意:如果想设置一个距离屏幕左右距离50,可以利用Container的属性margin,来设置左右距离,即可实现。

3.构造方法

Divider({Key key, double height: 16.0, double indent: 0.0, Color color })

1.Key->key:
控制一个widget可以替换另外一个widget;
2.height->double:
水平线的高度范围(感觉像是距上的高度)
3.indent->double:
缩紧,距左边距的距离
4.color->Color
水平线的颜色
5.继承关系
Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Divider

上一篇下一篇

猜你喜欢

热点阅读