[FIXED] Flutter enable solid status bar (on Android)

Issue

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.

src="https://i.stack.imgur.com/lIUyb.jpg" alt="enter image description here" />

I'm using Scaffold inside MaterialApp:

MaterialApp(
  body:
    Scaffold(
      body:
      ...

How do I achieve that?

Solution

Wrap your Scaffold's body with SafeArea widget.

MaterialApp(
  body: SafeArea(
       child: Scaffold(

Answered By - Yeasin Sheikh
Answer Checked By - Senaida (JavaFixing Volunteer)