[Flutter]GridView(グリッドビュー)を中央(center)に寄せる(align)には？

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

GridViewを中央に寄せる方法を紹介します。

方法
使用例

方法

GridViewを中央に寄せるには、引数「shrinkWrap」とCenterウェジェットを使います。

まず、GridViewをCenterでラップします。

そして、GridViewの引数「shrinkWrap」にtrueを指定します。

Center(
  child: GridView.count(
    shrinkWrap: true,
    crossAxisCount: /*count*/,
    children: <Widget>[
      ・・・
    ],
  ),
),

引数「shrinkWrap」とCenterウェジェットを使えば、GridViewを中央に寄せることが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GridView.count(
          shrinkWrap: true,
          crossAxisCount: 3,
          children: <Widget>[
            for (var i = 0; i < 9; i++)
              Container(
                color: i.isEven ? Colors.blue : Colors.yellow,
              ),
          ],
        ),
      ),
    );
  }