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?

Answer 1

Wrap your Scaffold's body with SafeArea widget.

MaterialApp(
  body: SafeArea(
       child: Scaffold(