105 文字
1 分
Flutter showModalBottomSheetでSafeArea対応する方法
isScrollControlled: trueにした後に、モーダルが画面上部の範囲まで広がりシステムバーも被ってしまいました。
SafeAreaウィジェットで囲ったり、heightを指定してあげたりしていましたが、showModalBottomSheetのプロパティにそのものがありました。
以下のようにuseSafeArea: trueをセットしてあげればOKです。
onPressed: () async {
await showModalBottomSheet<void>(
context: context,
useSafeArea: true,
isScrollControlled: true,
builder: (BuildContext context) {
略...
});
}\てくのーと おすすめ書籍!/
社会人はもとより、今情報Ⅰを学んでいる人が、なぜ学ぶのか、
学んだ内容をどう活かせるのか、を知るために読むのも良いと思います! →感想詳細はこちら!
