title: Flutter - Notch Area is blank when status bar is disabled
body: <p>This is how my app looks normally:</p>
  
  <p><img src="https://i.stack.imgur.com/raJGR.png/" width="300"></p>
  
  <p>I would like to make the status bar area and bottom navigation bar hidden so that image is shown in fullscreen.</p>
  
  <ul>
  <li>Tried <code>SystemChrome.setEnabledSystemUIOverlays([]);</code>
  The status bar area is hidden but there is a black or blank area at the status bar </li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/7yMnb.png" width="300"/></p>
  
  <ul>
  <li>If I set <code>SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);</code></li>
  </ul>
  
  <p>then I'm getting the same result as [image1][1]</p>
  
  <ul>
  <li>If I set <code>SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);</code></li>
  </ul>
  
  <p>I'm getting this weird looking navbar and status bar is still there</p>
  
  <p><img src="https://i.stack.imgur.com/OxjSZ.png" width="300"/></p>
  
  <ul>
  <li>If I set <code>SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);</code></li>
  </ul>
  
  <p>status bar area is black and navbar appears</p>
  
  <p><img src="https://i.stack.imgur.com/YGDDz.png" width="300"/></p>
  
  <p>Tried with and without safearea. Still not getting the desired fullscreen.</p>
  
  <p>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?</p>