1、flutter中如何對Row或Column中的子widget進行一左一右（一上一下）布局？
Align來實現(xiàn)
方法一：使用Flexible
在兩個child中間加一個收縮物，把他們分開。
Row(
children: <Widget>[
Align(
alignment: Alignment.centerLeft,
child: Text("韓信無敵",
maxLines: 1,
style: TextStyle(
fontSize: platform.iPadFont(14),
color: Color(0xff333333)),
textAlign: TextAlign.left,
overflow: TextOverflow.ellipsis),
),
Flexible(child: SizedBox(), fit: FlexFit.tight),
Align(
alignment: Alignment.centerRight,
child: Image.asset('assets/lock_yellow.png'),
),
方法二：使用spaceBetween
利用flutter中布局最重要的概念：軸
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Align(
alignment: Alignment.centerLeft,
child: Text("韓信無敵",
maxLines: 1,
style: TextStyle(
fontSize: platform.iPadFont(14),
color: Color(0xff333333)),
textAlign: TextAlign.left,
overflow: TextOverflow.ellipsis),
),
Align(
alignment: Alignment.centerRight,
child: Image.asset('assets/lock_yellow.png'),
),
2、ListView嵌套Column、ListView嵌套Row
會顯示不出來。
需要在外面包一層Container,Column需要指定height,Row需要指定width
如：
Container(
height: 44.0,
child: ListView(
scrollDirection: Axis.horizontal,
children: <Widget>[
RaisedButton(
onPressed: null,
child: Text("Facebook"),
),
Padding(padding: EdgeInsets.all(5.00)),
RaisedButton(
onPressed: null,
child: Text("Google"),
)
],
),
)
