prevent bottom sheet from closing because of navigator.pop

Question

I have a main page with a bunch of icons,main page, when I press them I want to navigate into another page where all the songs are listed, and if I click one of them a bottom sheet appear.song list.

So far so good, but when I try to go back in the main page with navigator.pop it first close my bottom sheet and if I press another one time the button it brings me back in the main page. So, how can I avoid the bottom sheet to be closed and go back to the main page instead?

Answer 1

You can use the WillPopScope widget:

WillPopScope(
  onWillPop: () async {
    if(isPopAllowed){
      return true; // allows pop
    }
    return false; // prevents pop
  }
  child: Scaffold(...),
);