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) {
        略...
    });
}
\てくのーと おすすめ書籍!/

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