title: Flutter bottom sheet modal effect
body: <p>I want to achieve a similar design to the bottom sheet used on the Samsung Notes app:</p>
  
  <p><img src="https://i.stack.imgur.com/jqr4E.jpg" width="300"/></p>
  
  <p>I'm able to add the rounded corners, but I'm unable to make the system navigation bar at the bottom transparent. I think there is also a slight margin between the bottom sheet and the system navigation bar which I'm unable to achieve.</p>
  
  <p>This is what I currently have:</p>
  
  <p><img src="https://i.stack.imgur.com/BPNOE.jpg" width="300"/></p>
  
  <p>I've been made aware of the <code>SystemChrome</code> class which I think is supposed to help with this, but I haven't had any luck yet:</p>
  
  <pre><code>SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      systemNavigationBarIconBrightness: Brightness.dark,
      systemNavigationBarColor: Colors.transparent,
    ));
  </code></pre>