[Flutter]Wrap(ラップ)を縦方向(vertically)にするには？

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

Wrapを縦方向にする方法を紹介します。

方法
使用例

方法

Wrapを縦方向にするには、引数「direction」を使います。

具体的には、Wrapの引数「direction」にAxis.verticalを指定します。

Wrap(
  direction: Axis.vertical,
  children: <Widget>[
    ・・・・
  ],
),

引数「direction」にAxis.verticalを指定すれば、Wrapを縦方向にすることが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Wrap(
          direction: Axis.vertical,
          children: <Widget>[
            Container(
              color: Colors.blue,
              width: 100,
              height: 100,
            ),
            Container(
              color: Colors.pink,
              width: 100,
              height: 100,
            ),
          ],
        ),
      ),
    );
  }