天天瞎忙活,QQ:705719110,欢迎来撩!

Flutter常用的布局组件和容器组件

Flutter学习 随风 254℃ 0评论

常用的容器组件

  • Container
    Container其实相当于div盒子,没有太多实际作用,但是却不可少,尤其是做某些包裹、添加背景颜色、添加margin/padding等

效果如下

  • Padding
    同Container,只是添加padding
  • Center
    同Container,元素居中展示
  • SafeArea
    这个一般不设置属性,直接包裹在外层,主要功能是为了机型适配,比如做iOS的都知道的刘海屏~
  • Scaffold
    这个容器是一个包含AppBar的组件,其实就是包含一个自定义内容的导航栏

效果如下

常用的布局组件

  • Column 列布局
    列布局,纵向排布

效果如下

  • Row 行布局
    使用同列布局

效果如下

  • Stack 层叠布局
    直接指定位置,直接看代码与效果吧

效果如下

转载请注明:怼码人生 » Flutter常用的布局组件和容器组件

喜欢 (1)
头像
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址