Flutter Wrap 流布布局

flutter 流式布局，包含Wrap和Flow，我们一般只用Wrap，足够使用，Flow使用过于复杂

基本使用：

Container(
      padding: EdgeInsets.all(8),
      child: Wrap(
        //水平距离
        spacing: 10.0,
        //垂直距离
        runSpacing: 8.0,
        children: <Widget>[
          Container(
            padding: EdgeInsets.fromLTRB(7, 5, 7, 5),
            decoration: BoxDecoration(
                border: Border.all(width: 1, color: Colors.red),
                borderRadius: BorderRadius.circular(8.0)),
            child: Text('dsafad'),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(7, 5, 7, 5),
            decoration: BoxDecoration(
                border: Border.all(width: 1, color: Colors.red),
                borderRadius: BorderRadius.circular(8.0)),
            child: Text('dsafad'),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(7, 5, 7, 5),
            decoration: BoxDecoration(
                border: Border.all(width: 1, color: Colors.red),
                borderRadius: BorderRadius.circular(8.0)),
            child: Text('dsafad'),
          ),
          Container(
            padding: EdgeInsets.fromLTRB(7, 5, 7, 5),
            decoration: BoxDecoration(
                border: Border.all(width: 1, color: Colors.red),
                borderRadius: BorderRadius.circular(8.0)),
            child: Text('dsafad'),
          )
        ],
      ),
    )

效果图：

WrapAlignment.spaceAround,//左右对齐 间距与控件 同时平分空间

WrapAlignment.spaceBetween,//左右对齐 间距平分 两边没间隙

WrapAlignment.spaceEvenly,//左右对齐 间距平分 两边有间隙