Flutter Dropdown Container/Widget

Question

I have spent hours googling something that should be incredibly simple, but have found nothing to this sort on the internet. Effectively, I want to make a dropdown, so that when a button is clicked, I have a menu dropdown. However, I do not wish to have this dropdown be a list of items. I want the dropdown to be able to take in a child widget, similar to the showDialog function, and I can pass what I wish to the child widget.

Eg., I wish to merge dropdown's positioning with dialog ability to not only render an opinionated list.

Does anyone have any clue how to accomplish this?

Valentin Vignal · Accepted Answer · 2022-03-09 01:08:11Z

2

You can use flutter_portal. I used this package to build many types of dropdowns. enter image description here

edited Mar 9, 2022 at 1:08

Valentin Vignal

8,6544 gold badges47 silver badges99 bronze badges

answered Mar 8, 2022 at 23:50

maempaa

362 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AlexK Over a year ago

issue with this is for switching between web and mobile the library doesn't really support the different views

AlexK · Accepted Answer · 2022-03-09 00:57:40Z

0

Another way I found to do this is to use the showGeneralDialog function and customize the position.

answered Mar 9, 2022 at 0:57

AlexK

4268 gold badges24 silver badges45 bronze badges

Comments

Valentin Vignal · Accepted Answer · 2022-03-09 01:07:52Z

What you could do is to copy the implementation of PopupMenuDivider:

class MyEntry extends PopupMenuEntry<Never> {
  const MyEntry();
  
  @override
  double get height => kMinInteractiveDimension;

  @override
  bool represents(void value) => false;

  @override
  State<MyEntry> createState() => _MyEntryState();
}

class _MyEntryState extends State<MyEntry> {
  @override
  Widget build(BuildContext context) {
    return MyWidget();
  }

And then you can use it in a PopupMenuButton:

class MyButton extends StatelessWidget {
  const MyButton();
  
  @override
  Widget build(BuildContext context) {
    return PopupMenuButton(
      itemBuilder: (context) {
        return [
          const MyEntry();
        ];
      },
      onSeleted: (_) {},
      child: MyChild(),
    );
  }
}

Collectives™ on Stack Overflow

Flutter Dropdown Container/Widget

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related