Flutter: Show "showBottomSheet" over "bottomNavigationBar"

Question

How can i display "showBottomSheet" on top of "bottomNavigationBar".

Illustrative example: when the user clicks on the pin (screen1), it turns out (screen 2), but I would like to get (screen3)

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
  floatingActionButton: FloatingActionButton(
    onPressed: () { 
       showBottomSheet(
           context: context,
           builder: (c) => Container(...)
       );
    },
    ...
  ),
  bottomNavigationBar: BottomNavigationBar(
    ...
  ),
);

Answer 1

You can use

showModalBottomSheet()

instead of

showBottomSheet()

showModelBottomSheet() open from bottom of your screen and overlap your bottom navigation.