【Flutter】showModalBottomSheetでSafeAreaが効かない時の対処法 - Qiita

概要 FlutterでモバイルアプリのUI実装をする際、isScrollControlledをtrueにしたModalBottomSheetが画面上部の網掛け部分にかかってしまう問題の解消法をご紹介いたします。 使用するWidget 親Widget（お問い合わせフォーム） - main.dart 子Widget（メッセージ送信フォーム）- child.dart 画面上部の網掛け部分にViewが被ってしまっていますね・・。 AppBarが無いViewではSafeAreaを使うことで、画面上部に被らないように実装できるはずなのですが・・ Widget build(BuildContext context) { return Scaffold( body: SafeArea( //SafeAreaを使えば画面上部に被るのを防止できるはず・・ child: Container(...), ) );