Flutter Program

Flutterで画面上部が被って見えなくなってしまう場合の対処法【SafeArea】

エミュレータの画面上部(下部)は丸みを帯びていることが多く、リストなどのWidgetは丸みの部分で隠れてしまう場合があります。

もしくは、(あまり良くないのかもしれませんが)ウィジェットをもう少し下に配置したいという場合にも使えるかもしれません。

SafeArea で囲うと画面が被らなくなる

コードはこんな感じになります。

SafeArea(
        child: //ここが中身,
      )

以上のように、表示したいWidgetをSafeAreaで囲ってあげる(ラップする)だけで、OKです。

参考ページ

以下のページも参考にして見てください。

こちらは少し詳しめ

https://dev.classmethod.jp/articles/flutter_widget_intro_safearea/

参考になる動画

-Flutter, Program