import 'package:flutter/material.dart';

void main(){
  runApp(MyApp());
}

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      title: "多窗口切换标题",
      home: Scaffold(
        appBar: AppBar(title: Text("布局练习"),),
        body: MyAlign(),
      ),
    );
  }
}


class MyAlign extends StatelessWidget {
  /// Align组件
  /// 因为子组件在父组件中的对齐方式必须有一个前提，就是父组件得知道自己的范围（宽度和高度）；
  ///如果widthFactor和heightFactor不设置，那么默认Align会尽可能的大（尽可能占据自己所在的父组件）；
  ///我们也可以对他们进行设置，比如widthFactor设置为3，那么相对于Align的宽度是子组件跨度的3倍；也就是说align是子组件的3倍大
  @override
  Widget build(BuildContext context) {
    return Align(
      child: Icon(Icons.pets, size: 36, color: Colors.red),
      alignment: Alignment.center,
      // widthFactor: 3,
      // heightFactor: 3,
    );
  }
}

效果图:

//打开一下个属性后,align组件则以子组件大小决定自身大小,而后面的值是3 那么就是 自身是子组件的3倍大小
//我把他设置为底部右对齐了,要不然看不出效果
widthFactor: 3,
heightFactor: 3,

效果图: