title: Flutter: Show Modal Bottom Sheet over/replacing Bottom Navigation Bar (without barrier)
body: <p>I'm trying to replicate some functionality similar to Google Maps for my own Flutter application. Also map based, I'd like the user to be able to select a point of interest and have the option to navigate to said location.</p>
  <p>When they hit 'navigate', I want a bottom sheet to appear in place (or on top of) the existing Bottom Navigation Bar that I have for tab-based navigation.</p>
  <p><code>showModalBottomSheet()</code> does this, however it has a barrier which prevents the user from interacting with the parent view. I need it without the barrier.</p>
  <p><code>showBottomSheet()</code> doesn't have the barrier but it also doesn't get placed on top of the Bottom Navigation Bar.</p>
  <p>Is there some solution in order to have this functionality? The only thing I can think of is to add the Bottom Navigation Bar to a Container that will show/hide based on whether the user is navigating or not, but I feel it's quite a hacked solution and was hoping for something more elegant.</p>
  <p>I've attached a couple of images below:</p>
  <ul>
  <li>The first screenshot shows Google Maps' standard view on iOS that has the Bottom Navigation Bar.</li>
  <li>The second screenshot shows the 'pre-navigation' view which is a Bottom Sheet which is placed on top of (or in place of) the Bottom Navigation Bar. This is the view that I'm trying to replicate.</li>
  </ul>
  <p><a href="https://i.stack.imgur.com/KihKk.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/KihKk.jpg" alt="This is the main view with the Bottom Navigation Bar at the bottom" /></a></p>
  <p><a href="https://i.stack.imgur.com/MDjHz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MDjHz.png" alt="This is the 'pre-navigation' view that shows a bottom sheet without / on top of the Bottom Navigation Bar" /></a></p>