VerticalDirection.down 默认值,按照默认方式
VerticalDirection.up CrossAxisAlignment.start跟CrossAxisAlignment.end对反
参考代码:
return Scaffold(
body: Column(
children: [
Column(
children: [
Container(color: Colors.greenAccent, width: 100, height: 50,),
Container(color: Colors.yellow, width: 80, height: 70,),
Container(color: Colors.purpleAccent, width: 120, height: 60,),
],
),
Container(height: 40,),
Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(color: Colors.greenAccent, width: 100, height: 50,),
Container(color: Colors.yellow, width: 80, height: 70,),
Container(color: Colors.purpleAccent, width: 120, height: 60,),
],
),
Container(height: 40,),
Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Container(color: Colors.greenAccent, width: 100, height: 50,),
Container(color: Colors.yellow, width: 80, height: 70,),
Container(color: Colors.purpleAccent, width: 120, height: 60,),
],
),
Container(height: 40,),
Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(color: Colors.greenAccent, width: 100, height: 50,),
Container(color: Colors.yellow, width: 80, height: 70,),
Container(color: Colors.purpleAccent, width: 120, height: 60,),
],
),
Container(height: 40,),
Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(color: Colors.greenAccent, width: 100, height: 50,),
Container(color: Colors.yellow, width: 80, height: 70,),
Container(color: Colors.purpleAccent, width: 120, height: 60,),
],
),
Container(height: 40,),
Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.start,
verticalDirection: VerticalDirection.up,
children: [
Container(color: Colors.greenAccent, width: 100, height: 50,),
Container(color: Colors.yellow, width: 80, height: 70,),
Container(color: Colors.purpleAccent, width: 120, height: 60,),
],
),
],
),
);