Home > Software design >  how to show ModelBottomSheet from top
how to show ModelBottomSheet from top

Time:03-02

guys! ModelBottomSheet shows from bottom. Is there any way to show it from top. or is there another alternate widget for that function. Actually I want to add a filter with a search bar. When I click on it something like ModelSheet should open from top. Please guide me I've added picture of what I want to build.

CodePudding user response:

You can try this, sliding_up_panel, slideDirection: SlideDirection.DOWN

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text("SlidingUpPanelExample"),
    ),
    body: SlidingUpPanel(
      slideDirection: SlideDirection.DOWN,
      panel: Center(
        child: Text("This is the sliding Widget"),
      ),
      body: Center(
        child: Text("This is the Widget behind the sliding panel"),
      ),
    ),
  );
}

CodePudding user response:

found a package, maybe it will be useful

https://pub.dev/packages/top_modal_sheet top_modal_sheet: ^1.0.0 1

  • Related