【Flutter】wrapの方向を縦で表示する

はじめに

この記事は、株式会社スピードリンクジャパン Advent Calendar 2023 の19日目の記事です。

こんにちは。
今回は、wrapの方向を縦で表示する方法を紹介します！

方法

Wrapの引数にdirectionを追加し、
Axis.verticalに設定します。

使用例

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("wrapを縦にする"),
      ),
      body: Wrap(
        direction: Axis.vertical,
        children: <Widget>[
          Container(
            width: 100,
            height: 100,
            color: Colors.red,
          ),
          Container(
            width: 100,
            height: 100,
            color: Colors.blue,
          ),
          Container(
            width: 100,
            height: 100,
            color: Colors.yellow,
          )
        ],
      ),
    );
  }
}

実行例

最後に

ここまで見てくだり、ありがとうございます！！
寒い日が続きますので、体調にはお気をつけください