Flutter UI基础- padding，margin(转)

今天我们来看一下UI布局中常用的东西，padding，margin

这两个属性还是比较好理解，首先，我们要知道，在哪些widget 中有这两个属性
Container
Expanded

Container

4182047-dac3a05f4e2cec89.png

在属性中可以清晰的看到 padding，margin 两个属性。

我们来详细了解一下这两个属性的作用效果。

通过代码，还是截图的方式给大家展示效果。
首先上代码：

4182047-ac5e5e4bda1f77cc.png

代码效果：

4182047-54fad14217cb9169.png

很明显，这里的效果 可以清楚的看到 padding 的效果，是 修改的子控件child 在父控件上的内边距。

接下来看一下 Expanded

Expanded

代码：

4182047-91f4d12e5da68710.png

代码效果：

4182047-ac151e6f511670a8.png

很明显，效果不会印象内部空间的位置，而是 修改当前控件在父控件 上的内边距 （修改的是自己）

经过这两个测试，能清楚的明白padding 和margin 的区别是效果。