影片直播系統原始碼，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 自動換行元件， 更多內容歡迎關注之後的文章