mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-05-20 22:36:34 +08:00
73 lines
2.8 KiB
Dart
73 lines
2.8 KiB
Dart
/// Author: xiaojia.dxj
|
||
/// Date: 2018/11/22
|
||
/// Email: xiaojia.dxj@alibaba-inc.com
|
||
/// LastUpdateTime: 2018/11/22
|
||
/// LastUpdateBy: xj.deng
|
||
/// Describle:Colum describe
|
||
|
||
import 'package:flutter/widgets.dart';
|
||
|
||
class ColumnDefault extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Column(
|
||
// - MainAxisAlignment.spaceEvenly/spaceAround/spaceBetween,
|
||
// - spaceEvenly：将主轴方向空白区域均分，使得children之间空间相等，包括首尾childre
|
||
// - spaceAround：将主轴方向空白区域均分，使得children之间空间相等，但是首尾childre的空白部分为一半
|
||
// - spaceBetween：将主轴方向空白区域均分，使得children之间空间相等，但是首尾childre靠近收尾，没有空细逢
|
||
|
||
// - MainAxisAlignment.start/end/center,
|
||
// - start：将children放置在主轴起点方向
|
||
// - end：将children放置在主轴末尾方向
|
||
// - center：将children放置在主轴中间方向
|
||
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
||
// > mainAxisSize 属性
|
||
// - 一行的高度是有mainAxisSize属性控制，默认是max
|
||
// - mainAxisSize: MainAxisSize.min,一行的宽度是child传入的约束
|
||
// - mainAxisSize: MainAxisSize.max,一行的宽度的最大宽度是传入的约束。
|
||
// > mainAxisAlignment属性
|
||
|
||
// mainAxisSize: MainAxisSize.max,
|
||
//- crossAxisAlignment: CrossAxisAlignment.center/end/start,
|
||
// - 即，根据设定的位置交叉对齐
|
||
// - center/end/start: children在交叉轴上居中/末端/起点 对齐展示
|
||
// - stretch：让children填满交叉轴方向
|
||
// - baseline：在交叉轴方向，使得于这个baseline对齐，如果主轴是垂直的，那么这个值是当作开始
|
||
|
||
children: <Widget>[
|
||
Container(
|
||
color: Color(0xfffce4ec),
|
||
width: 90.0,
|
||
height: 50.0,
|
||
),
|
||
Container(
|
||
color: Color(0xfff8bbd0),
|
||
width: 90.0,
|
||
height: 50.0,
|
||
),
|
||
Container(
|
||
color: Color(0xfff48fb1),
|
||
width: 90.0,
|
||
height: 50.0,
|
||
),
|
||
Container(
|
||
color: Color(0xfff06292),
|
||
width: 90.0,
|
||
height: 50.0,
|
||
),
|
||
Text('We move under cover and we move as one'),
|
||
Text('Through the night, we have one shot to live another day'),
|
||
Text('We cannot let a stray gunshot give us away'),
|
||
Text('We will fight up close, seize the moment and stay in it'),
|
||
Text('It’s either that or meet the business end of a bayonet'),
|
||
Text('The code word is ‘Rochambeau,’ dig me?'),
|
||
Text('Rochambeau!',
|
||
style:
|
||
DefaultTextStyle.of(context).style.apply(fontSizeFactor: 1.0)),
|
||
],
|
||
);
|
||
}
|
||
}
|