4

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)

enter image description here

return Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
  floatingActionButton: FloatingActionButton(
    onPressed: () { 
       showBottomSheet(
           context: context,
           builder: (c) => Container(...)
       );
    },
    ...
  ),
  bottomNavigationBar: BottomNavigationBar(
    ...
  ),
);
Женя Скакун
  • 41
  • 1
  • 3

1 Answers1

2

You can use

showModalBottomSheet()

instead of

showBottomSheet()

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

Rohit Soni
  • 1,300
  • 6
  • 12