Flutter SnackBarの横幅を設定する方法

2023年9月9日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
SnackBarの横幅を設定するには、引数「width」と引数「behavior」を使います。

SnackBar(
content: Text('Snackbar test'),
width: /*横幅*/,
behavior: SnackBarBehavior.floating,
),

説明
引数「width」にSnackBarの横幅を指定します。
引数「behavior」にSnackBarBehaivor.floatingを指定します。

使用例

@override
 Widget build(BuildContext context) {
   return SafeArea(
     child: Scaffold(
       body: Center(
         child: ElevatedButton(
           onPressed: () {
             ScaffoldMessenger.of(context).showSnackBar(
               SnackBar(
                 content: Text('Snackbar test'),
                 width: 300,
                 behavior: SnackBarBehavior.floating,
               ),
             );
           },
           child: Text('Show'),
         ),
       ),
     ),
   );
 }