1,构造函数
public Row( TextDirection? textDirection = null,//TextDirection.rtl文本从右向左TextDirection.ltr文本从左向右 TextBaseline? textBaseline = null,//TextBaseline.alphabetic文本基线是普通的字母基线TextBaseline.ideographic文本基线是表意基线。 Key key = null, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, /* public enum MainAxisAlignment {
在 Row中起作用 start,//将子控件放在主轴的开始位置 end,//将子控件放在主轴的结束位置 center,//将子控件放在主轴的中间位置 spaceBetween,//将主轴空白位置进行均分,排列子元素,手尾没有空隙 spaceAround,//将主轴空白区域均分,使中间各个子控件间距相等,首尾子控件间距为中间子控件间距的一半 spaceEvenly,////将主轴空白区域均分,使各个子控件间距相等 } */ MainAxisSize mainAxisSize = MainAxisSize.max, CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, /* enum CrossAxisAlignment {
在Column中起作用 start,//将子控件放在交叉轴的起始位置 end,//将子控件放在交叉轴的结束位置 center,//将子控件放在交叉轴的中间位置 stretch, //使子控件填满交叉轴 baseline, //将子控件放在交叉轴的上,并且与基线相匹配(不常用) } */ VerticalDirection verticalDirection = VerticalDirection.down,//VerticalDirection.down盒子应从顶部开始,并垂直向底部堆叠VerticalDirection.up盒子应从底部开始,并垂直向顶部堆叠。 Listchildren = null )
2,例子
先画一个带渐变的图形
Widget box(BuildContext context,string intext) { return new Container( width: 100, height: 10, alignment: Alignment.center, decoration: new BoxDecoration( gradient:new LinearGradient( colors:new List(){ Colors.orangeAccent, Colors.orange, Colors.deepOrange } ) ), child:new Text( intext, style: new TextStyle( color: Colors.white, fontSize: 5, fontWeight: FontWeight.bold ) ) ); }
new Column( children:new List(){ new Text("默认"), new Row( children:new List (){ box(context,"第一个"), box(context,"第二个"), box(context,"第三个") } ), new Text("TextDirection.rtl"), new Row( textDirection:TextDirection.rtl, children:new List (){ box(context,"第一个"), box(context,"第二个"), box(context,"第三个") } ), new Text("MainAxisAlignment.end"), new Row( mainAxisAlignment:MainAxisAlignment.end, children:new List (){ box(context,"第一个"), box(context,"第二个"), box(context,"第三个") } ), new Text("MainAxisAlignment.spaceAround"), new Row( mainAxisAlignment:MainAxisAlignment.spaceAround, children:new List (){ box(context,"第一个"), box(context,"第二个"), box(context,"第三个") } ), new Text("MainAxisAlignment.spaceBetween"), new Row( mainAxisAlignment:MainAxisAlignment.spaceBetween, children:new List (){ box(context,"第一个"), box(context,"第二个"), box(context,"第三个") } ), new Text("MainAxisAlignment.spaceEvenly"), new Row( mainAxisAlignment:MainAxisAlignment.spaceEvenly, children:new List (){ box(context,"第一个"), box(context,"第二个"), box(context,"第三个") } ) } );