Flutter控件以及UI学习汇总

一:布局
1.1、线性布局(Row、Column)
 - textDirection:水平方向子widget的布局顺序
 	TextDirection.rtl:从右到左
 	TextDirection.ltr:从左到右
 - verticalDirection:表示Row纵轴(垂直)的对齐方向,默认是VerticalDirection.down
	VerticalDirection.down:表示从上到下
	VerticalDirection.up:表示从下到上
 - mainAxisSize:表示Row在主轴(水平)方向占用的空间,默认是MainAxisSize.max
 	MainAxisSize.max:Row的宽度始终等于水平方向的最大宽度
 	MainAxisSize.min:Row的实际宽度等于所有子widgets占用的的水平空间
 - mainAxisAlignment:表示子Widgets在Row所占用的水平空间内对齐方式,
(如果mainAxisSize值为MainAxisSize.min,则此属性无意义,因为子widgets的宽度等于Row的宽度。
只有当mainAxisSize的值为MainAxisSize.max时,此属性才有意义)
	MainAxisAlignment.center:居中
	MainAxisAlignment.start:沿初始方向对齐(初始方向是由textDirection决定)例如,textDirection是从右到左(rtl),
	则右对齐
	MainAxisAlignment.end:与start相反(读者可以这么理解:textDirection是mainAxisAlignment的参考系。)
	MainAxisAlignment.spaceBetween:
	MainAxisAlignment.spaceAround:
	MainAxisAlignment.spaceEvenly:
 - crossAxisAlignment:表示子Widgets在纵轴方向的对齐方式,(参考系是verticalDirection)
	crossAxisAlignment.start:沿初始方向对齐(初始方向是由verticalDirection决定),例如,verticalDirection是从上到
								下(down),则代表顶部对齐
	crossAxisAlignment.end:与start相反
	crossAxisAlignment.center:居中
	crossAxisAlignment.stretch:
	crossAxisAlignment.stretch:
 - children :子Widgets数组。

未完待续

你可能感兴趣的:(Flutter)