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.
Asked
Active
Viewed 590 times
1
-
1Does this answer your question? [How to set Bottom Sheet position to top](https://stackoverflow.com/questions/56440920/how-to-set-bottom-sheet-position-to-top) – Ruchit Mar 02 '22 at 05:12
2 Answers
0
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"),
),
),
);
}
Jim
- 6,928
- 1
- 7
- 18
-
That's nearly the thing. But What my client requires is that the SlidingPanel should Open when I click on search filter icon button. Thanks for by the way bro – Muhammad Kamran Nazir Mar 02 '22 at 11:44
-
0
Scaffold(
appBar: AppBar(
title: const Text("SlidingUpPanelExample"),
actions: [
PopupMenuButton(
itemBuilder: (context) => [
PopupMenuItem(
child: Container(
child: Column ( children: [......]
),
),
)
],
),
],
),
),
Peter Csala
- 17,736
- 16
- 35
- 75
-
As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Mar 02 '22 at 17:47