Flutter常用组件Text Container组件

Text组件

常用组件，大部分也比较熟悉，基本使用的就是textAlign ，overflow，style，感觉也没什么多说的，毕竟是常用的，使用几次就习惯了。

Container组件

Container组件是我们常用的布局文件，但是对于Container组件也有很多功能，大部分我们使用的时候使用来装饰的decoration的，比如圆角框，颜色，边线等。

如图中的效果；
代码为：

body: Container(
        width: 200,
        height: 200,
          decoration: BoxDecoration(
              color: Colors.blue,
              border: Border.all(  //边线
                color: Colors.red,
                width: 2.0,
              ),
              borderRadius:  //圆角
              BorderRadius.all(
                  Radius.circular(8.0)
              )
          )
      ),

有时候我们在使用Container组件的时候，会用到margin和padding，这也差不多是两个常用的，
margin是表示Container组件和外的距离，而padding是内部填充的效果。

我们在Container组件里面加上margin: EdgeInsets.only(top: 20,right: 20), 效果就变成了

相应的padding属性padding: EdgeInsets.all(20), 效果如下：（Text组件就不添加了）