### 1.1.2 组件嵌套 复杂的功能界面通常都是由一个一个简单功能的组件组装完成的。有的组件负责布局,有的负责定位,有的负责调整大小,有的负责渐变处理,等等。这种嵌套组合的方式带来的最大好处就是解耦。 例如,界面中添加了一个居中组件Center,居中组件里嵌套了一个容器组件Container,容器组件里嵌套了一个文本组件Text和一个装饰器BoxDecoration。代码如下所示: - - - - - - ``` return new Center( //添加容器 child: new Container( //添加装饰器 decoration: new BoxDecoration( ), child: new Text( //添加文本组件 ), ), ), ``` - - - - - - 大家如果是首次看到这段代码会觉得嵌套层次太多,太复杂。其实不然,随着对组件的深入了解及熟练使用,写起来还是非常得心应手的。 最基础的组件类是Widget,其他所有的组件都是继承Widget的,如图1-1所示。紧接着下面有两大类组件:有状态组件及无状态组件。有状态组件是界面会发生变化的组件,如Scrollable、Animatable等,无状态的组件即界面不发生变化的组件,如Text、AssetImage等。 ![](https://box.kancloud.cn/ac35bd7339525d5c01cff9556e090660_544x295.jpeg) 图1-1 类层次结构