[Flutter]GridViewのパディングを設定するには？

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

GridViewのパディングを設定する方法を紹介します。

方法

GridViewのパディングを設定をするには、引数「padding」を使います。

具体的には、GridViewの引数「padding」にパディングを指定します。

パディングの指定には、EdgeInsetsを使います。

GridView(
    padding: パディング(EdgeInsets),
    ・・・
)

引数「padding」に指定した値が、GridViewのパディングになります。

使用例

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