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