[Flutter]SnackBarを円(circle)にするには？

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

SnackBarを円にする方法を紹介します。

方法
使用例

方法

SnackBarを円にするには、引数「shape」を使います。

具体的には、SnackBarの引数「shape」にCircleBorderを指定します。

SnackBar(
  content: Text('Message'),
  shape: CircleBorder(),
),

これでSnackBarを円にすることが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              ScaffoldMessenger.of(context).showSnackBar(
                SnackBar(
                  content: Text(
                    'Message',
                    textAlign: TextAlign.center,
                  ),
                  shape: CircleBorder(),
                  behavior: SnackBarBehavior.floating,
                  padding: EdgeInsets.all(20),
                ),
              );
            },
            child: Text('Show'),
          ),
        ),
      ),
    );
  }