Flutter - 线性布局 Row , Column

46 阅读1分钟

Column

mainAxisSize: MainAxisSize.max, // 最大,高度占父控件的全部

textDirection: TextDirection.rtl, // 控制子控件左右显示的顺序

mainAxisAlignment: MainAxisAlignment.start, // 控制 控件垂直显示位置

verticalDirection: VerticalDirection.down, 
//控制 以哪个方向为主方向 down 从上到下,下为底, up 重下到上,上为底

crossAxisAlignment:CrossAxisAlignment.end,  // 控制 控件水平显示位置 

Row

mainAxisSize: MainAxisSize.max,    //  控制Row的大小

textDirection: TextDirection.rtl,  // 控制子控件左右显示的顺序

mainAxisAlignment: MainAxisAlignment.center,  // 控制 控件水平显示位置

verticalDirection: VerticalDirection.up,  
// 控制 以哪个方向为主方向 down 从上到下,下为底, up 重下到上,上为底

crossAxisAlignment : CrossAxisAlignment.start, // 控制 控件垂直显示位置