-
Row的基本屬性
children:傳入子組件的數(shù)組 mainAxisAlignment: 子組件在水平方向上的對齊方式 crossAxisAlignment:子組件在縱軸方向上的對齊方式 textDirection:布局順序,一般情況從左到右 mainAxisSize:max,表示盡可能多的占用水平方向上的位置,min則反之

MainAxisAlignment.spaceEvenly

MainAxisAlignment.spaceAround

MainAxisAlignment.spaceBetween
- 例子
Row(
mainAxisAlignment: MainAxisAlignment.center,
textDirection: TextDirection.rtl,
children: <Widget>[
Container(
width: 100,
height: 100,
color: Colors.red,
alignment: Alignment.center,
child: Text("A", style: TextStyle(fontSize: 24, color: Colors.white), textDirection: TextDirection.ltr,),
),
Container(
width: 100,
height: 100,
color: Colors.yellow,
alignment: Alignment.center,
child: Text("B", style: TextStyle(fontSize: 24, color: Colors.white), textDirection: TextDirection.ltr,),
),
Container(
width: 100,
height: 100,
color: Colors.green,
alignment: Alignment.center,
child: Text("C", style: TextStyle(fontSize: 24, color: Colors.white), textDirection: TextDirection.ltr,),
),
],
),