Flutter - Notch Area is blank when status bar is disabled

This is how my app looks normally:

I would like to make the status bar area and bottom navigation bar hidden so that image is shown in fullscreen.

• Tried SystemChrome.setEnabledSystemUIOverlays([]); The status bar area is hidden but there is a black or blank area at the status bar

• If I set SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);

then I'm getting the same result as [image1][1]

• If I set SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

I'm getting this weird looking navbar and status bar is still there

• If I set SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);

status bar area is black and navbar appears

Tried with and without safearea. Still not getting the desired fullscreen.

Is there any way we can make the status bar hidden(without creating blank area) and hide navbar making the image fullscreen i.e even utilizing the notch side area?

It's easy way.You can fix this by wrapping your body into a SafeArea

Scaffold(
  body: SafeArea(
    child: Text("Hello"),
  ),
),