第 2-3 课：流式布局组件详解（Flow、Wrap）

这节课将继续讲解 Flutter 的常用组件中的布局使用的组件，本节课主要讲解 Flutter 里的流式布局（或者瀑布）组件的用法。在 Flutter 中主要通过 Flow 和 Wrap 组件来实现流式、瀑布式布局。那么这节课就对流式布局组件进行详细分析，并结合案例进行详细的用法讲解。

本文将主要介绍：

• Flow 布局 Widget 用法详解
• Wrap 布局 Widget 用法详解

Flow 布局 Widget 用法详解

流式布局可以用在商品标签列表、不规则瀑布流列表、网格布局的使用上。简单地说流式布局就是可以自动换行的布局，如我们一行里的控件放不下了，则自动绘制到下一行。

Flutter 的 Flow 就可以自己自定义规则来控制子布局排列。Flow 继承自MultiChildRenderObjectWidget，Flow 性能比较好，绘制也比较灵活，可以定制布局效果。

Flow 的构造方法如下：

Flow({
    Key key,
    // 子布局排列配置规则
    @required this.delegate,
    // 布局子控件
    List<Widget> children = const <Widget>[],
  })

Flow 的构造方法很简单，最重要的就是 dele