视频直播系统源码，flutter Wrap 自动换行组件

视频直播系统源码，flutter Wrap 自动换行组件

先来简单的看一下源码

Wrap({
    super.key,
    this.direction = Axis.horizontal,
    this.alignment = WrapAlignment.start,
    this.spacing = 0.0,
    this.runAlignment = WrapAlignment.start,
    this.runSpacing = 0.0,
    this.crossAxisAlignment = WrapCrossAlignment.start,
    this.textDirection,
    this.verticalDirection = VerticalDirection.down,
    this.clipBehavior = Clip.none,
    super.children,
  }) : assert(clipBehavior != null);
 

​

从上面的源码中，我们可以看到，Wrap 组件没有必传属性，但是我们在使用的时候，往往需要传入 子child 的上下间距，direction 布局方向，开始样式等相关属性

 Wrap(
              direction: Axis.horizontal,
              alignment: WrapAlignment.start,
              spacing: 5.0,
              runSpacing: 5.0,
              children: [
                Container(
                  width: 100,
                  height: 100,
                  color: Colors.red,
                ),
                Container(
                  width: 100,
                  height: 100,
                  color: Colors.yellow,
                ),
                Container(
                  width: 100,
                  height: 100,
                  color: Colors.green,
                ),
                Container(
                  width: 100,
                  height: 100,
                  color: Colors.red,
                ),
              ],
            )

 以上就是视频直播系统源码，flutter Wrap 自动换行组件， 更多内容欢迎关注之后的文章