Flutter 基础布局调整 Widget 学习。一般来说，Align的使用是其他控件的一个参数。目的是设置子child的对齐方式，如居中、左上、右下等对齐方向。使用本身也非常灵活。

Center(
 child: Container(
 t//宽高
 height: 120.0,
 width: 120.0,
 //颜色
 color: [50],
 //重头戏，布局组件
 child: Align(
 //顶部 右边对齐
 alignment: ,
 child: FlutterLogo(
 size: 60,
 ),
 ),
 ),
)

接下来我们看一下构造函数

const Align({
 Key key,
 this.alignment = ,
 this.widthFactor,
 this.heightFactor,
 Widget child
 })

alignment指定了对齐方向，因此可以有多种使用方式：例如：FractionalOffset(0.5, 0.5) == Alignment() ==，两者都检查center-align 子child Alignment() 方法表示矩形的中心。到 + 的距离是从矩形的一侧到另一侧的距离。在对齐中，您还可以通过这种方式使用对齐控件，这也是一种比较常见的方法：

如何对齐部件

要在父窗口中对齐子部件，请使用对齐部件。如果您知道如何使用 Center 小部件，那么您是对的，因为 Center 只是 Align 的一个特例。

输入要与“对齐”小部件对齐的小部件并设置其对齐属性。例如，这会将文本小部件与其父部件的右中对齐。

Align(
 alignment: Right,
 child: Text("widget"),
)

其他选项有

• 左
• 右

您不限于这些地方。您可以在任何地方调整小部件。通过指定 x,y 对，其中 (0,0) 是视图的中心，边缘是其周围的单位。也许图像会有所帮助：

(x,y)

• 是对齐 (, )
• 是对齐 (0.0, )
• 是对齐 (,) ,, 0.0) 的任何相对位置 是对齐 (0.0, 0.0)
• 绘制 (,, 0.0)
• 是对齐 (,)
• 是对齐 )

请注意，图像中的对齐 (x,y) 不必须在 [-1, +1] 范围内。对齐 (1,2) 意味着它位于小部件的右侧、下方、高度的一半。

这是自定义调整位置的示例。

Align(
 alignment: Alignment(0.7, -0.5),
 child: Text("widget"),
)

附加代码

这是用于创建上述示例的代码，以便于剪切和粘贴。

import 'package:flutter/material.dart';

void main() =< runApp(MyApp());

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return MaterialApp(
 home: Scaffold(
 appBar: AppBar(),
 body: myLayoutWidget(),
 ),
 );
 }
}

Widget myLayoutWidget() {
 return Align(
 alignment: Alignment(0.7, -0.5),
 child: Text(
 "widget",
 style: TextStyle(fontSize: 30),
 ),
 );
}