美文网首页Flutter
FlutterのDivider 分割线-入门学习

FlutterのDivider 分割线-入门学习

作者: SteamPY | 来源:发表于2021-05-04 11:42 被阅读0次

    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

    相关文章

      网友评论

        本文标题:FlutterのDivider 分割线-入门学习

        本文链接:https://www.haomeiwen.com/subject/rnscdltx.html