1. Baseline Baseline这个控件，做过移动端开发的都会了解过，一般文字排版的时候，可能会用到它。它的作用很简单，根据child的baseline，来调整child的位置。例如两个字号不一样的文字，希望底部在一条水平线上，就可以使用这个控件，是一个非常基础的控件。…

1. Padding Padding在Flutter中用的也挺多的，作为一个基础的控件，功能非常单一，给子节点设置padding属性。写过其他端的都了解这个属性，就是设置内边距属性，内边距的空白区域，也是widget的一部分。 Flutter中并没有单独的Margin控件，在C…

1. 简介 Container在Flutter中太常见了。官方给出的简介，是一个结合了绘制（painting）、定位（positioning）以及尺寸（sizing）widget的widget。 可以得出几个信息，它是一个组合的widget，内部有绘制widget、定位widg…

现在我将展示给你我总结的一系列 Flutter 布局代码片段。我会尽量保证代码简短易懂，并且会给出效果图。 但是我们仍旧需要循序渐进 —— 模版目录将会随之逐步深入。我将会将更多的篇幅集中于 Flutter 部件的应用，而不是单纯陈列组件（Flutter Gallery 在这一…

1. 简介 在介绍Flutter布局之前，我们得先了解Flutter中的一些布局相关的特性。 box constraints有人也翻译为盒约束、箱约束，我个人还是觉得边界约束可能更直观一些。 Flutter中的边界约束，是指widget可以按照指定限定条件，来决定自身如何占用布…

1. SizedOverflowBox 光看名称，就可以猜出，SizedOverflowBox是SizedBox与OverflowBox的结合体。 尺寸部分。通过将自身的固定尺寸，传递给child，来达到控制child尺寸的目的； 超出部分。可以突破父节点尺寸的限制，超出部分也…

1. ListBody ListBody是一个不常直接使用的控件，一般都会配合ListView或者Column等控件使用。ListBody的作用是按给定的轴方向，按照顺序排列子节点。 在主轴上，子节点按照顺序进行布局，在交叉轴上，子节点尺寸会被拉伸，以适应交叉轴的区域。 在主轴…

1. Stack Stack可以类比web中的absolute，绝对布局。绝对布局一般在移动端开发中用的较少，但是在某些场景下，还是有其作用。当然，能用Stack绝对布局完成的，用其他控件组合也都能实现。 Stack的布局行为，根据child是positioned还是non-p…

1. Row 在Flutter中非常常见的一个多子节点控件，将children排列成一行。估计是借鉴了Web中Flex布局，所以很多属性和表现，都跟其相似。但是注意一点，自身不带滚动属性，如果超出了一行，在debug下面则会显示溢出的提示。 每一个child的位置是由mainA…