Flutterの問題 : ステータスバーの下にウィジェットが重なるのを解決する方法
- 2022年11月25日
- 技術情報
今回は、ステータスバーの下にウィジェットが重なって表示される場合の対処法を紹介します。この問題は、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