[Flutter]Column内でGridViewを使うには？

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

Column内でGridViewを使う方法を紹介します。

方法

Column内でGridViewを使う方法は、２つあります。

shrinkWrap

１つは、引数「shrinkWrap」を使う方法です。

具体的には、GridViewの引数「shrinkWrap」にtrueを指定します。

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

Expanded

もう１つは、Expandedを使う方法です。

具体的には、GridViewをExpandedでラップします。

Column(
  children: [
    Expanded(
      child: GridView.count(
        crossAxisCount: /*count*/,
        children: <Widget>[
          ・・・
        ],
      ),
    ),
  ],
),

まとめ

Column内でGridViewを使うには、GridViewの引数「shrinkWrap」もしくはExpandedを使います。

[Flutter]マルチカラムのリストビューを表示するには？

マルチカラムのリストビューを表示する方法を紹介します。

www.choge-blog.com

2021.10.27

[Flutter]Cardをグリッドで表示するには？

Cardをグリッドで表示する方法を紹介します。

www.choge-blog.com

2021.11.28

[Flutter]２つのListView.builderを２カラムで表示するには？

２つのListView.builderを２カラムで表示する方法を紹介します。

www.choge-blog.com

2021.10.29

[Flutter]GridViewで要素の縦方向の間隔を設定するには？

GridViewで表示する要素同士の縦方向の間隔を設定する方法を紹介します。

www.choge-blog.com

2021.12.31