Flutter 常用布局组件

布局组件简单记录:

1.Padding 加间隔,内边距间距 ,给里面填充的子控件添加相对于这个Padding控件 内上下左右的间距
2.Margin 外边距 基本使用同 Padding
3.Row 横向布局
4.Column 竖直布局
5.Expanded 组合布局 / flex 控制比例
6.Stack / IndexedStack 叠加布局
7.Wrap 流式布局组件 为子组件进行水平或者垂直方向布局,空间布满可自动换行
8.Flow 自定义布局组件 可以调整子组件的位置和大小…待研究

child:是基本容器的属性,后面接的是用于显示在这个容器上面的子控件。

Container 容器,基本上控件都可以用这个容器装着,方便控制大小 / 如添加固定高度 height :xx。

SizedBox 控件 也是调整的间距控件 写法: SizedBox(width:10)

布局.jpg

你可能感兴趣的:(Flutter 常用布局组件)