title: How to make bottom system navigation bar transparent in flutter?
body: <p>I am trying to get bottom system navigation like the image below:</p>
  <p><a href="https://i.stack.imgur.com/uaeqc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uaeqc.png" alt="enter image description here" /></a></p>
  <p>I've tried with AnnotatedRegion but not working. When I try to make it transparent it gets like this:</p>
  <p><a href="https://i.stack.imgur.com/y6B4F.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y6B4F.jpg" alt="enter image description here" /></a></p>
  <p>I am not able to use the area on system navigator bar. How can I use the restricted area? I have a background image, I want to have the image also cover the bottom restricted area. Thanks</p>