Flutter 的布局方式与 HTML 的布局差异相当大， 必须熟记这条规则：

    首先，上层 widget 向下层 widget 传递约束条件；

    然后，下层 widget 向上层 widget 传递大小信息。

    最后，上层 widget 决定下层 widget 的位置。

    更多细节：

    • Widget 会通过它的 父级 获得自身的约束。约束实际上就是 4 个浮点类型的集合：最大/最小宽度，以及最大/最小高度。
    • 然后，这个 widget 将会逐个遍历它的 children 列表。向子级传递 约束（子级之间的约束可能会有所不同），然后询问它的每一个子级需要用于布局的大小。
    • 然后，这个 widget 就会对它子级的 children 逐个进行布局。（水平方向是 x 轴，竖直是 y 轴）
    • 最后，widget 将会把它的大小信息向上传递至父 widget（包括其原始约束条件）。

    Flutter 的布局引擎有一些重要限制：

    • 一个 widget 仅在其父级给其约束的情况下才能决定自身的大小。这意味着 widget 通常情况下 不能任意获得其想要的大小。
    • 一个 widget 无法知道，也不需要决定其在屏幕中的位置。因为它的位置是由其父级决定的。
    • 当轮到父级决定其大小和位置的时候，同样的也取决于它自身的父级。所以，在不考虑整棵树的情况下，几乎不可能精确定义任何 widget 的大小和位置。
    • 如果子级想要拥有和父级不同的大小，然而父级没有足够的空间对其进行布局的话，子级的设置的大小可能会不生效。 这时请明确指定它的对齐方式