[Flutter]SnackBarの背景を透明にするには？

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

SnackBarの背景を透明にする方法を紹介します。

方法

SncakBarの背景を透明にするには、引数「backgoroundColor」と引数「elevation」を使います。

具体的には、SnackBarの引数「backgroundColor」にColors.transparent、引数「elevation」に０を指定します。

SnackBar(
  backgroundColor: Colors.transparent,
  elevation: 0,
  content: Text(
    'Snack Message',
    style: TextStyle(color: Colors.black),
  ),
),

引数「backgroundColor」と引数「elevation」を使えば、SnackBarの背景を透明にすることが出来ます。

[Flutter]SnackBarを複数行にするには？

SnackBarを複数行にする方法を紹介します。

www.choge-blog.com

2021.12.13

[Flutter]SnackBarの設定をThemeでするには？

Snackbarの設定をThemeでする方法を紹介します。

www.choge-blog.com

2021.12.13

[Flutter]SnackBarの形を設定するには？

SnackBarで表示するテキストの形を設定する方法を紹介します。

www.choge-blog.com

2021.12.12

[Flutter]SnackBarを上に表示するには？

SnackBarを上に表示する方法を紹介します。

www.choge-blog.com

2021.12.12