首页 > 其他分享 >直播平台软件开发,flutter Wrap 自动换行组件

直播平台软件开发,flutter Wrap 自动换行组件

时间:2022-12-14 14:23:05浏览次数:60  
标签:Container width 换行 height color Wrap 100 flutter

直播平台软件开发,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 自动换行组件,更多内容欢迎关注之后的文章

 

标签:Container,width,换行,height,color,Wrap,100,flutter
From: https://www.cnblogs.com/yunbaomengnan/p/16981926.html

相关文章