[Flutter]SnackBarの高さ(height)を変える(change)には？

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

SnackBarの高さを変える方法を紹介します。

方法

SnackBarの高さを変える方法は、２つあります。

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

具体的には、SnackBarの引数「padding」で、SnackBarの上と下にパディングを設定します。

SnackBar(
  padding: /*上と下にパディング*/,
  content: Text('Snack'),
),

以下は、使用例です。

SnackBar(
  padding: EdgeInsets.symmetric(vertical: 20),
  content: Text('Snack'),
),

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

まず、SnackBarの引数「content」をContainerでラップします。

そして、Containerの引数「height」にSnackBarの高さを指定します。

SnackBar(
  content: Container(
    height: /*高さ*/,
    child: Text('Snack'),
  ),
),

Containerを使えば、SnackBarの高さを変えることが出来ます。

以下は、使用例です。

SnackBar(
  content: Container(
    height: 200,
    child: Text('Snack'),
    alignment: Alignment.center,
  ),
),

SnackBarの高さを変える方法は、次の２つです。