[Flutter]Wrapの要素の縦方向の間隔を設定するには？

どうも、ちょげ(@chogetarou)です。

Wrapの要素の縦方向の間隔を設定する方法を紹介します。

方法

Wrapの要素の縦方向の間隔を設定するには、引数「runSpacing」を使います。

具体的には、Wrapの引数「runSpacing」に要素の間隔を指定します。

Wrap(
  runSpacing: /*要素の縦方向の間隔*/,
  children: <Widget>[
      ・・・
  ],
),

引数「runSpacing」を使えば、Wrapの要素の縦方向の間隔を設定することが出来ます。

使用例

以下は、使用例です。

Wrap(
  runSpacing: 50,
  children: <Widget>[
    for (var i = 0; i < 9; i++)
      Container(
        color: i.isEven ? Colors.blue : Colors.yellow,
        width: 100,
        height: 100,
      ),
  ],
),

[Flutter]ListTileの上下のパディングを設定するには？

ListTileの上下のパディングを設定する方法を紹介します。

www.choge-blog.com

2021.12.18

[Flutter]GridViewで要素同士の間隔を設定するには？

GridViewで要素同士の間隔を設定する方法を紹介します。

www.choge-blog.com

2022.01.03

[Flutter]GridViewで要素同士の間隔を設定するには？

GridViewで要素同士の間隔を設定する方法を紹介します。

www.choge-blog.com

2022.01.03

[Flutter]Textのテキストを全て大文字にするには？

Textで表示するテキストを全て大文字に変換する方法を紹介します。

www.choge-blog.com

2022.01.03