【Flutter】十二、Flutter中常用的布局容器——Row、Column

一、Row

继承自Flex。可将children中的widget在水平方向上进行排列。与css的flex(flex-direction:row;)布局相似

1.1 构造函数

Row({
   
    Key key,
    MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, // 主轴对齐方式（水平方向）
    MainAxisSize mainAxisSize = MainAxisSize.max, // 主轴间距大小
    CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center, // 副轴对齐方式（垂直方向）
    TextDirection textDirection, // 水平方向：ltr从左向右；rtl从右向左
    VerticalDirection verticalDirection = VerticalDirection.down, // 竖直方向
    TextBaseline textBaseline,
    List<Widget> children = const <Widget>[],
  }) 

示例代码

import 'package:flutter/material.dart';

class RowDemo extends StatelessWidget{
   
  @override
  Widget build(BuildContext context) {
   
    // TODO: implement build
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      crossAxisAlign