前言
我们目标是实现官网的这个页面
第一步
lib下创建文件夹Lakes，下面创建Lakes.dart
Lake.dart文件
两种排版方式
- Column 纵向排版
- Row 横向排版
- 给他们两个传递参数，都会有一个属性，children，后面跟了一个数组。里面的每一项都是一个组件Widget组件
第二步
创建IconSection.dart、TextSection.dart、TitleSection.dart
在Lake.dart里引入这三个文件
第一部分-图片
children其它部分
第三步
我们继续写第二部分TitleSection，TitleSection分为左中右三部分
- Expanded 弹性布局组件
加粗文字、调整局部文字间距、文字颜色
第四步
我们继续写第二部分IconSection
提取组件
我们要写三个icon部分，如果平铺比较麻烦，我们可以提取出来，定义成一个私有的组件
然后再IconSection里引入
此时效果
通过传参来控制子组件的icon
- EdgeInsets.only是部分，all是全部
- padding是有这个组件的· Container组件下，也可以写padding属性
此时效果
第五步
我们继续写第三部分TextSection
到这里，一个静态页面就搭建完成了
