[Flutter]SnackBarの透明度(opacity)を変えるには？

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

SnackBarの透明度を変える方法を紹介します。

方法
使用例

方法

SnackBarの透明度を変えるには、引数「backgroundColor」を使います。

まず、SnackBarの引数「backgroundColor」にSnackBarの背景色を指定します。

そして、背景色の末尾に「.withOpacity()」を指定します。

透明度は、withOpacityの引数で設定します。

SnackBar(
  backgroundColor: Colors.black.withOpacity(/*透明度*/),
  content: Text('Snack Message'),
),

透明度は、０〜１の範囲の値を指定します。（０に近づくほど透明、1に近づくほど不透明）

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  backgroundColor: Colors.black.withOpacity(0.3),
                  content: Text('Snack Message'),
                ),
              );
            },
            child: Text('Show'),
          ),
        ),
      ),
    );
  }