This commit is contained in:
xiaojia22326@163.com
2019-01-31 17:18:16 +08:00
parent acfe8f6ed8
commit c4cbd02123
130 changed files with 773 additions and 913 deletions

View File

@ -10,27 +10,24 @@ import 'package:flutter/widgets.dart';
* Describle:Row
*/
class RowMainAxisAlignment extends StatelessWidget {
/*
* > mainAxisAlignment属性
* - 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.spaceEvenly/spaceAround/spaceBetween,
/// - spaceEvenly将主轴方向空白区域均分使得children之间空间相等包括首尾childre
/// - spaceAround将主轴方向空白区域均分使得children之间空间相等但是首尾childre的空白部分为一半
/// - spaceBetween将主轴方向空白区域均分使得children之间空间相等但是首尾childre靠近收尾,没有空细逢
/// - MainAxisAlignment.start/end/center,
/// - start将children放置在主轴起点方向
/// - end将children放置在主轴末尾方向
/// - center将children放置在主轴中间方向
final MainAxisAlignment status;
/*
* > CrossAxisAlignment 属性
- crossAxisAlignment: CrossAxisAlignment.center/end/start,
- 即,根据设定的位置交叉对齐
- center/end/start: children交叉轴上居中/末端/起点 对齐展示
- stretch让children填满交叉轴方向
- baseline在交叉轴方向使得于这个baseline对齐如果主轴是垂直的那么这个值是当作开始
*/
/// > CrossAxisAlignment 属性
/// - crossAxisAlignment: CrossAxisAlignment.center/end/start,
/// - 即,根据设定的位置交叉对齐
/// - center/end/start: children在交叉轴上居中/末端/起点 对齐展示
/// - stretchchildren填满交叉轴方向
/// - baseline在交叉轴方向使得于这个baseline对齐如果主轴是垂直的那么这个值是当作开始
final CrossAxisAlignment crossStatus;
@ -38,7 +35,7 @@ class RowMainAxisAlignment extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Row(
return Row(
mainAxisAlignment: status,
children: <Widget>[
Container(
@ -66,29 +63,29 @@ class RowLayoutCreate extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Row(
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Container(
margin: new EdgeInsets.only(top: 20.0, bottom: 20.0),
margin: EdgeInsets.only(top: 20.0, bottom: 20.0),
color: Color(0xfffce4ec),
width: 60.0,
height: 50.0,
),
Container(
margin: new EdgeInsets.only(top: 20.0, bottom: 20.0),
margin: EdgeInsets.only(top: 20.0, bottom: 20.0),
color: Color(0xfff8bbd0),
width: 60.0,
height: 50.0,
),
Container(
margin: new EdgeInsets.only(top: 20.0, bottom: 20.0),
margin: EdgeInsets.only(top: 20.0, bottom: 20.0),
color: Color(0xfff48fb1),
width: 60.0,
height: 50.0,
),
Container(
margin: new EdgeInsets.only(top: 20.0, bottom: 20.0),
margin: EdgeInsets.only(top: 20.0, bottom: 20.0),
color: Color(0xfff06292),
width: 60.0,
height: 50.0,