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

参考另一篇详细widget说明:https://blog.****.net/sinat_31177681/article/details/89178478

GitHub Demo 地址:https://github.com/LINGLemon/FlutterLayoutDemo

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

 

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

 

Container:容器组件

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

SingleChildRenderObjectWidget:单节点布局组件

Opacity:改变透明度的组件

ClipOval:裁剪为圆形的组件

ClipRect:裁剪为方形的组件

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

Align:类似居中

Padding:内间距

SizedBox:设置大小

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

MultiChildRenderObjectWidget:多节点布局组件

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

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

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

Flow:少用

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

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