单个布局组件的含义是它只有一个子组件，可以通过设置一些属性来设置子组件的位置信息。
更常用的单个布局组件是：对齐，中心，填充，容器。
1.1.1。简介要看这个词，我们知道它与我们的一致性有关。
对齐（iOS，Android，前端）对齐通常只是一个属性，但对齐也是扑朔迷离的组成部分。
我们可以使用源代码来查看哪些属性对齐：
在这里，我们将特别解释和功能：
1.1.2。对齐我们短暂地对齐：
1.2.1。中心简介我们以前使用过多次使用的中心组件。
实际上，中心组件从对齐中继承，只需将对齐设置为对齐。
源代码分析：
1.2.2。中心练习我们替换上述代码与中心对齐
1.3.1。填充简介的填充组件在另一端也是一个属性，但它是颤动的小部件，但是没有窗口小部件，例如颤动中的边距。这是因为外部距离也可以通过填充完成。
填充通常用于设置从子窗口到父窗口小部件的边框距离（您可以将其称为内部边缘或父组件的外部距离）。
源代码分析：
1.3.2。填充运动代码练习：
容器组件与iOS中其他Android的其他视图相似。
如果您需要视图，则有背景颜色，图像，固定尺寸，边框，圆角等，则可以使用容器组件。
14.1。容器引入了开发容器的频率，尤其是我们经常将其用作容器组件。
让我们看一下容器的属性：
在引入其他容器时，大多数属性都是引入的，我不会详细介绍，但是有两点可以解释：
1.4.2。容器锻炼只需进行演示：
1.4.3。BoxDecoration容器具有非常重要的属性：
Boxdecora经常：
演示一些效果：
1.4.4。实现圆形图像的上一章。
实施代码如下：
在开发中，我们通常需要将多个小部件放在一起以进行布局，例如水平方向，垂直方向，有时它们需要层到层层，例如图片上的文本段落；
目前，我们需要使用多儿童布局小部件。
更常用的多儿童布局组件是行，列和堆栈。让我们学习他们的使用。
实际上，我们将要学习的行组件和列组件是从Flex组件继承的。
在学习行和哥伦布之前，我们首先了解和谐的概念。
因为行是行，所以列是一行，然后它们都有两个方向，两个小部件排列的方向应相反。
他们都有mainaxis和Crossaxis ::的概念。
2.1.1。行简介行组件用于将所有子网络排成一行。实际上，该布局应从网络的Flex布局中借用。
如果您熟悉Flex布局，您会发现它非常简单。
从源代码查看行的属性：
Main Axsissize：
maiinaxisalignment：表示儿童小部件在排在水平空间中的对齐
交叉安排：表示垂直轴方向对儿童小部件的比对方法
2.1.2。行练习我们将对某些属性执行简单的代码练习。
2.1.3。默认情况下，ROW将尽可能多地占据宽度，因此，由于Mainaxissize属性为默认值，因此子范围将被放在其中。
让我们看一下，如果将此值修改为哪些更改：
2.1.4。TextBaseline对TextBaseline价值的分析
2.1.5。如果我们想要红色和黄色的容器窗口小部件，则扩展，不设置固定宽度，而是占据其余部分。我目前该怎么办？
目前，我们可以用来包装容器小部件，并且不设置其宽度；
列组件用于将所有子网络排成一行。在学习上一行之后，列仅与行的方向不同。
2.2.1。列介绍了我们直接查看其源代码：我们发现它与行属性一致，不再解释
2.2.2。列钻我们直接将行的行代码更改为列以查看代码操作效果
在开发中，可能需要显示多个组件，例如在图片上显示文本或按钮。
可以在Android中使用帧，并且可以在Web侧使用绝对定位。在Flutter中，我们需要使用图层布局堆栈。
2.3.1。堆栈简介通过源代码查看哪些属性堆栈是：
参数J分析：
2.3.2。堆栈锻炼堆栈通常会呈阳性。假定可以确定组件在堆栈中的位置，以达到与Web相似的绝对定位效果。
一个简单的演习：
注意：位置的组件只能在堆栈中使用。
原始：https：//juejin.cn/post/7097566717953933343