Flutterの問題 : ステータスバーの下にウィジェットが重なるのを解決する方法

今回は、ステータスバーの下にウィジェットが重なって表示される場合の対処法を紹介します。この問題は、Scaffold()ウィジェットにappbarを追加していない時、bodyの下に直接表示されたいウィジェットを追加した時発生しています。

問題コード

Scaffold(
  body: Text("Hello World", 
      style: TextStyle(fontSize: 40)
    )
)

この問題の解決方法

SafeAreaのウィジェットで表示させたいウィジェットを追加すれば、解決できます。

Scaffold(
        body: SafeArea(
          child: Text("Hello World",
              style: TextStyle(fontSize: 40)
          ),
        )
    )

金曜担当 – Ami

asahi at 2022年11月25日 10:00:00

お問い合わせ・ご相談はお電話、またはお問い合わせフォームよりお受け付けいたしております。

tel. 06-6454-8833（平日 10:00～17:00）

ギガスジャパン