布局类

Text （文本）

属性
{ data }：（String）
显示的文字

maxLines：（int）
文本显示的最大行数，可配合overflow使用（相当于line-clamp）

overflow: （TextOverflow）
文本溢出处理

TextOverflow.clip
不显示后面文字

TextOverflow.ellipsis 省略号表示

TextOverflow.fade
最后一行文本下方会有渐变隐藏效果

style：（TextStyle）
文本的样式，封装在TextStyle类中，包含color, fontSize,fontStyle等。

textAlign：（TextAlign）
文本如何排列，有TextAlign.center, TextAlign.end等

textScaleFactor：（double）
文本缩放比例，默认大小1.0

textSpan：（TextSpan）
和TextSpan控件一样，属于富文本元素，如果有值，则该值为空

Container (容器)

类似于div，用于约束内部的控件

属性
child：（Widget）
被约束的子元素

alignment：（Alignment）
内部的对齐方式，例如：Alignment.center、Alignment.bottomRight等

margin、padding：（EdgeInsets）
布局属性

decoration：（BoxDecoration）（有这个属性就不能存在color属性，可以在内部定义color）
元素装饰器，例如：image(背景图片)、border、borderRadius( 例如值为BorderRadius.all(Radius.circular(10)) )、boxShadow、gradient（渐变色，会取代boxShadow.color）等

foregroundDecoration：（BoxDecoration）
在子元素前的装饰元素，类似于::before

Row、Column （横向或纵向排列）

（有限的空间）

Row：在父控件中水平排列

Column：在父控件中纵向排列

属性
children：list(Widget)
排列的子元素集合

mainAxisAlignment：(MainAxisAlignment)
子元素在主轴方向排列

Row: X轴

Column: Y轴

crossAxisAlignment：(CrossAxisAlignment)

子元素在垂直轴方向排列

Row: Y轴

Column: X轴

TextDirection：(TextDirection)
子元素的X轴的配列顺序（好像只对Row有效，从左至右或从右至左）

TextDirection：(TextDirection)
子元素的Y轴的配列顺序发生变化，并且整个内容也会在顶部或底部（好像只对Cloumn有效）

mainAxisSize：(MainAxisSize)
容器在主轴的占用空间（
max: 占用最大，能撑起容器
min：占用最小，能撑起内容））

Expanded (根据内容自动收缩)

可以在Row、Column或Flex的继承类中使用，可以使元素充分填充可用的空间，防止内容溢出。

child: (Widget)
内容控件

flex：(int)
如果为非0，则表示该元素是flex父级控件元素的几份。

SizedBox (占位元素)

可以定义个宽高的占位元素

height、width：(double)
元素的高宽，如果是空则为child元素的高宽

child: (Widget)
内部的元素，可以为空

Image （存放图片控件）

图片控件

构造方法

构造方法	含义	ImageProvider
Image	基本构造函数
Image.asset	本地图片的路径	定义了scale -> ExactAssetImage 没定义scale -> AssetImage
Image.file	使用文件File图片	FileImage
Image.memory	从缓存中读取数据	MemoryImage
Image.network	加载网络图片	NetworkImage