在flutter的下拉菜单中进行多项选择

Question

嗨，在我的应用程序中，我有类似的内容。

我有一个显示3个选项的下拉菜单，但是有什么办法可以在flutter的下拉菜单中选择多个选项呢？并将所选选项的结果存储在列表中？

还是可以像下面那样扑朔迷离？

谢谢。

Answer 1

您可以通过使用自定义窗口小部件作为DropdownMenuItem的子代来实现，自定义窗口小部件将需要是有状态的，以便它可以处理自己的状态以显示对勾标记或其他内容。而且它应该具有自己的onTap方法，因此DropdownMenuItem onTap不会触发并选择该选项，从而消除了下拉菜单。您还需要一个选项来完成选择。

但是我建议您针对这种情况寻找另一种方法以提高可用性，例如可以选择多个选项的对话框：Is there an equivalent widget in flutter to the "select multiple" element in HTML

Answer 2

您可以使用以下包

https://pub.dev/packages/multiselect

它有一个基于下拉菜单的实现而不是对话框来显示选项。

PS：我在最近的一个项目中需要这个功能，不得不创建我自己的小部件。这是我的实现。