[Flutter]SnackBarの位置(position)を変える(change)には？

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

SnackBarの位置を変える方法を紹介します。

方法
使用例

方法

SnackBarの位置を変えるには、SnackBarの引数「behavior」と引数「margin」を使います。

まず、SnackBarの引数「SnackBarBehavior.floating」を指定します。

そして、SnackBarの引数「margin」にマージンを指定します。

この引数「margin」に指定するマージンでSnackBarの位置を変えることが出来ます。

ScaffoldMessenger.of(context).showSnackBar(
  SnackBar(
    content: Text('Snackbar message'),
    behavior: SnackBarBehavior.floating,
    margin: /*マージンで位置を調整*/,
  ),
);

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(
                content: Text('Snackbar message'),
                behavior: SnackBarBehavior.floating,
                margin: EdgeInsets.only(
                  bottom: MediaQuery.of(context).size.height / 2 - 50,
                ),
              ),
            );
          },
          child: Text('Show'),
        ),
      ),
    );
  }