どうも、ちょげ(@chogetarou)です。
SnackBarの大きさを設定する方法を紹介します。
方法

SnackBarに影の大きさを設定するには、引数「elevation」を使います。
具体的には、SnackBarの引数「elevation」に影の大きさを指定します。
SnackBar(
elevation: /*影の大きさ*/,
content: Text('Snackbar message'),
behavior: SnackBarBehavior.floating,
),
引数「elevation」を使えば、SnackBarの影の大きさを設定することが出来ます。
使用例
以下は、使用例です。

@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: Center(
child: ElevatedButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
elevation: 20,
content: Text('Snackbar message'),
behavior: SnackBarBehavior.floating,
),
);
},
child: Text('Show'),
),
),
),
);
}
コメント