[Flutter]Wrapの要素を等間隔に配置するには？

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

Wrapの要素を等間隔に配置する方法を紹介します。

方法

Wrapの要素を等間隔に配置するには、引数「alignment」を使います。

具体的には、Wrapの引数「alignment」にWrapAlignment.spaceEvenlyを指定します。

Wrap(
  alignment: WrapAlignment.spaceEvenly,
  children: <Widget>[
    ・・・
  ],
),

引数「alignment」にWrapAlignment.spaceEvenlyを指定すれば、Wrapの要素が均等配置になります。

使用例

以下は、使用例です。

Wrap(
  alignment: WrapAlignment.spaceEvenly,
  children: <Widget>[
    for (var i = 0; i < 3; 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