Flutter-常用的weiget介绍（二）拥有单个子元素的widget

上一篇介绍了 Stateless widgets、Stateful widgets、内容widget（Text 文本、imageImage 图片），那么接下来，我们来介绍布局相关的widget，先来介绍拥有单个子元素的widget

拥有单个子元素的widget

Container

这个布局widget在flutter中很常见，官方给出的简介，是一个结合了绘制（painting）、定位（positioning）以及尺寸（sizing）widget的widget；可以得出几个信息，它是一个组合的widget，

内部有绘制widget、定位widget、尺寸widget；

常用的一些属性：

• key： container唯一标识，用于查找更新
• margin： 外边距，不属于内容区域
• padding： 内边距，属于内容区域
• alignment： 对齐方式，值封装到了 Alignment里面，是该类的静态属性，可以直接使用
• color： 用来设置container背景颜色，如果 foregroundDecoration 属性设置了的话，可能会进行覆盖
• decoration：绘制在child后面的装饰，设置了decoration的话，就不能设置color属性，否则会报错，此时应该在decoration中进行颜色的设置；里面有一些属性可以进行设置
  • color： 背景颜色
  • image： 图片。不能直接new Image，需要new DecorationImage()
  • border： 边框