如何实现自动布局

我们在上一章回中介绍了Chip Widget相关的内容，本章回中将介绍如何使用Wrap Widget.闲话休提，让我们一起Talk Flutter吧。

1 概念介绍

我们在本文中将要介绍的Wrap Widget是一种布局类组件，类似Column或者Row组件，它经常和Chip配合使用，二者在一起可以打造出流式布局。传统布局中如果某一
行或者某一列中的内容超过当前行或者列的范围时就会被屏幕覆盖，导致部分内容无法被看到，而流式布局则不会发生这种现象，它会自动换行或者列，把无法在当前行或
者列显示的内容换到下一行或者列显示。说这么多，大家可能有点记不住，一句话：流式布局就是一种可以自动换行、列的布局。

2 使用方法

流式布局主要通过Wrap组件和Chip组件配合实现，Wrap充当容器，Chip充当容器中的内容。Chip的使用方法可以参考上一章回中的内容，本章回中只介绍Wrap组件的
使用方法。和其它组件类似，Wrap组件提供了相关的属性来控制自己，下面是常用的属性：

• direction属性：主要用来控制Wrap中子组件的排列方向，默认水平排列;
• spacing属性：主要用来控制主轴方向上子组件之间的间隔;
• runSpacing属性：主要用来控制纵轴方向上子组件之间的间隔;
• runAlignment属性：主要用来控制纵轴方向上子组件的对