105 文字
1 分

Flutter showModalBottomSheetでSafeArea対応する方法

2025-05-22
2025-08-27

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

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

社会人はもとより、今情報Ⅰを学んでいる人が、なぜ学ぶのか、
学んだ内容をどう活かせるのか、を知るために読むのも良いと思います!
→感想詳細はこちら!