105 文字
1 分

Flutter showModalBottomSheetでSafeArea対応する方法

2025-05-22
2025-05-22

isScrollControlled: trueにした後に、モーダルが画面上部の範囲まで広がりシステムバーも被ってしまいました。
SafeAreaウィジェットで囲ったり、heightを指定してあげたりしていましたが、showModalBottomSheetのプロパティにそのものがありました。
以下のようにuseSafeArea: trueをセットしてあげればOKです。

onPressed: () async { await showModalBottomSheet<void>( context: context, useSafeArea: true, isScrollControlled: true, builder: (BuildContext context) { 略... }); }
\てくのーと おすすめ書籍!/

変更に強いコードとはどんなものかが学べます! →感想詳細はこちら!