Flutter Container属性

Flutter 布局之Container

最近新接触一个开发平台Flutter，它是谷歌在2018开发者大会上正式发布的一个全新开发工具，它最显著的特点就是一套源码两个平台（Android/iOS）公用。手上没有Mac电脑，所以就用它来尝试一下。
Flutter使用的开发语言是Dart。这个语言也是谷歌研发的，它与Java十分相似，有一定Java基础的更好上手，不过只要你了解过面向对象的编程语言，上手也很简单。Flutter的一个大的优点是它开发应用全部是由widget组成的，这也成了它的一个大的缺点，因为它的widge实在是太多了，必须要花费一定的时间去了解它。而且Flutter的布局在我看来并不是很理想，可能是我刚接触这个语言，在今后的学习中，还需要继续去巩固。
关于怎么在Windows/Mac上安装Flutter，百度上教程一大堆，唯一要注意的是，gradle要手动下载，手动解压。其实所有在AS中更新不了的SDK或者Plugins都需要手动下载手动解压到目录中。（我装了一个下午才装好，都是泪）

Container简介

Container在Flutter官方文档里的定义如下

A convenience widget that combines common painting, positioning, and sizing widgets.

其本质上是一个包含多个widget的widget，它内部有绘制widget、定位widget、尺寸widget。后续看到的不少widget，都是通过一些更基础的widget组合而成的。在iOS中没有给定这种控件，不过iOS中的View属性与其类似。有iOS开发经验的可以借鉴一下。

Container 组成

Container的组成如下：

1.最里层的是child元素；
2.child元素首先会被padding包着；
3.然后添加额外的constraints限制；
4.最后添加margin。

Container 绘制过程如下：

首先会绘制transform效果；
接着绘制decorationÿ