Flutter UI基础- padding，margin

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

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

Container

Expanded

Container

Container

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

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

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

首先上代码：

padding 代码

代码效果

效果

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

接下来看一下

Expanded

代码部分

代码部分

代码效果

代码效果

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

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