/**
* 行布局
*
* Row({
Key key,
//mainAxisAlignment主軸上的對齊方式：
//start：將children放置在主軸的起點顽素；
//center：將children放置在主軸的中心徒蟆；
//end：將children放置在主軸的末尾；
//spaceAround：將主軸方向上的空白區(qū)域均分全蝶，使得children之間的空白區(qū)域相等寺枉，首尾空白區(qū)域為children之間的1/2；
//spaceBetween：將主軸方向上的空白區(qū)域均分始苇，使得children之間的空白區(qū)域相等筐喳，首尾沒有空白區(qū)域；
//spaceEvenly：將主軸方向上的空白區(qū)域均分避归，使得children之間和收尾的空白區(qū)域相等；
MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
MainAxisSize mainAxisSize = MainAxisSize.max,//控住一行的高度哺窄，max：最大化主軸方向的可用空間账锹；min：與max相反，是最小化主軸方向的可用空間生年；
CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,//交叉軸上的對齊方式鸟缕，baseline：children在交叉軸方向，根據(jù)baseline對齊懂从，stretch：讓children填滿交叉軸方向，start,center,end.
TextDirection textDirection,//阿拉伯語系的兼容設(shè)置侵贵，一般無需處理
VerticalDirection verticalDirection = VerticalDirection.down,//定義了children擺放順序,down：從left到right進行布局,up：從right到left進行布局
TextBaseline textBaseline,
List<Widget> children = const <Widget>[],
})
*/
body: Container(
color: Colors.red,
height: 100.0,
width: 300.0,
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
color: Colors.red,
child: Text("Row組件",),
),
Container(
color: Colors.red,
child: Text("Row組件",),
),
Container(
color: Colors.red,
child: Text("Row組件",),
),
],
),
),
碼云地址：https://gitee.com/xgljh/Flutter.git
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
