美文网首页
Flutter布局方式

Flutter布局方式

作者: 阿木小丸子 | 来源:发表于2020-11-19 12:57 被阅读0次

    1、Row 横向布局

    2、Column 竖向布局

    基于上面的两种布局方式,补充:
    关于主轴:
    spaceBetween 剩下的空间平均分布到小部件之间
    spaceAround 剩下的空间平均分布到小部件的周围
    spaceEvenly 剩下的空间和小部件一起平均分布
    关于交叉轴:
    baseline 文字底部对齐(alphabetic: 英文字符; ideographic:中文字符)
    stretch 拉伸对齐(如果是横向布局,就竖向拉伸;反之,如果是竖向布局,就横向拉伸)

    3、Stack 叠加布局

    Positioned专门针对Stack内部的部件布局

    4、Expanded 填充布局

    5、AspectRatio 比例布局

    设置宽高比aspectRatio

    相关文章

      网友评论

          本文标题:Flutter布局方式

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