Flutter开发笔记08 - Flutter布局Widget练习

参考另一篇详细widget说明:Flutter开发笔记04 - Flutter_Widget布局控件笔记_酸柠檬的博客-CSDN博客

GitHub Demo 地址:https://github.com/LINGLemon/lxf_flutter_demo​​​​​​​

下面是布局相关组件列表图:

Container:容器组件

RenderObjectWidget:提供一系列配置,用于约束里面布局的配置

SingleChildRenderObjectWidget:单节点布局组件

Opacity:改变透明度的组件

ClipOval:裁剪为圆形的组件

ClipRect:裁剪为方形的组件

PhysicalModel:把布局显示为不同形状的组件,如果需要最外层组件实现圆角,可以把它作为最外层组件

Align:类似居中

Padding:内间距

SizedBox:设置大小

FractionallySizedBox:约束水平或垂直方向的伸展(撑满父布局的水平或垂直方向)

MultiChildRenderObjectWidget:多节点布局组件

Stack:使它里面的容器在Z轴上进行叠加

Flex:Column:子组件打竖排列  Row:子组件打横排列

Wrap:和row一样,从左享有排列,会自动换行

Flow:少用

Positioned:一般与stack搭配进行使用

Flexible:Expanded 控制容器在父容器中可扩展显示的大小

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值