Flutter enable solid status bar (on Android)

Question

As you can see, my default app status bar is transparent.

I want it to be solid, and the layout to be between the status bar and the bottom nav bar.

I'm using Scaffold inside MaterialApp:

MaterialApp(
  body:
    Scaffold(
      body:
      ...

How do I achieve that?

If you are looking for changing status Bar color follow https://stackoverflow.com/q/52489458/10157127 — Md. Yeasin Sheikh, Aug 18 '22 at 14:19
Thanks but I was looking for the "SafeArea" solution. Thanks! — genericUser, Aug 18 '22 at 14:21

score 1 · Accepted Answer · answered Aug 18 '22 at 14:09

1

Wrap your Scaffold's body with SafeArea widget.

MaterialApp(
  body: SafeArea(
       child: Scaffold(

answered Aug 18 '22 at 14:09

Md. Yeasin Sheikh

Do you know why is the app is not "safe" by default? I think it's the first time I need to use `SafeArea` – genericUser Aug 18 '22 at 14:21
1

Decided by flutter, all I can say. Also, you can scaffold source code, like some cases like web and windows we aren't using safeArea, – Md. Yeasin Sheikh Aug 18 '22 at 14:30

1 Answers1