Mobile-Flutter - Flutter 学习（二十）单子 Widget 布局和多子 Widget 布局 - 《大前端》

单子 Widget 布局和多子 Widget 布局

布局 Widget 按照可以包含的子 Widget 的数量分为：

单子 Widget 布局：就是布局 Widget 只能含有一个子 Widget 的
例如前面例子里出现的：

Center(
     child: Text(content),
)

Center 就是单子 Widget 的布局，它的子 Widget 属性是 child，而且只能有一个。
多子 Widget 布局：就是布局 Widget 可以含有多个子 Widget 的

Column(
    children: <Widget>[
        Text(content),
        Text(content),
        ...
    ]
)

Column 就是多子 Widget 的布局，它的子 Widget 属性是 children，可以有多个，是 Widget 数组。

可以明显的看到，区分单子 Widget 布局还是多子 Widget 布局，就看是 child 还是 children。child 就是单子Widget，只能包含一个 Widget；children 就是多子 Widget，包含的是 Widget 数组。

布局 Widget 还可以按照为子元素排布的方式分为：

因为在使用中，我们都是按照子元素排布的方式来使用的，所以接下来就主要讲一下这几种排布方式。