I want to create a draggable scrolling bottom sheet like this!

here is the design

there will be a button on the top left to go back, there will be a button on the top left to go back, and there is a draggable bottom sheet should I use the stack? please give me a hint if you have the best way to approach this problem, thank you!

CodePudding user response：

This is exact what you need, sliding_up_panel:

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text("SlidingUpPanelExample"),
    ),
    body: SlidingUpPanel(
      panel: Center(
        child: Text("This is the sliding Widget"),
      ),
      body: /* place your google map here */
    ),
  );
}

CodePudding user response：

Please refer to below plugin.

Snapping sheet

Snapping sheet provides a highly customizable sheet widget that snaps to different vertical & horizontal positions