【Flutter】Wrapの要素に等間隔のスペースを開ける

こんにちは。
今回は、Wrapの要素に等間隔のスペースを開ける方法を紹介します。

方法

Wrapの引数「alignment」にWrapAlignment.spaceEvenlyを指定します。

使用例

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: SizedBox(
        width: double.infinity,
        child: Wrap(
          alignment: WrapAlignment.spaceEvenly, //ここです！
          children: [
            for (var i = 0; i < 3; i++)
              Container(
                color: i.isEven ? Colors.pink : Colors.purple,
                width: 100,
                height: 100,
              ),
          ],
        ),
      ),
    );
  }
}

実行例

最後に

ここまで読んでいただき、ありがとうございました！
いいねしてくれたら、スキップして喜びます