Flutter开发笔记08 - Flutter布局Widget练习
参考另一篇详细widget说明:https://blog.****.net/sinat_31177681/article/details/89178478
GitHub Demo 地址:https://github.com/LINGLemon/FlutterLayoutDemo
下面是布局相关组件列表图:
Container:容器组件
RenderObjectWidget:提供一系列配置,用于约束里面布局的配置
SingleChildRenderObjectWidget:单节点布局组件
Opacity:改变透明度的组件
ClipOval:裁剪为圆形的组件
ClipRect:裁剪为方形的组件
PhysicalModel:把布局显示为不同形状的组件,如果需要最外层组件实现圆角,可以把它作为最外层组件
Align:类似居中
Padding:内间距
SizedBox:设置大小
FractionallySizedBox:约束水平或垂直方向的伸展(撑满父布局的水平或垂直方向)
MultiChildRenderObjectWidget:多节点布局组件
Stack:使它里面的容器在Z轴上进行叠加
Flex:Column:子组件打竖排列 Row:子组件打横排列
Wrap:和row一样,从左享有排列,会自动换行
Flow:少用
Positioned:一般与stack搭配进行使用
Flexible:Expanded 控制容器在父容器中可扩展显示的大小