下拉列表选择

功能高度多样的小部件,用于在对话框或菜单的底部工作表列表中搜索单个或多个选项。

平台

该插件已成功在iOS、Android和Web上进行测试。

示例

以下示例摘自存储库中提供的示例项目。此项目中还有更多示例。

带选择的下拉列表示例

下拉列表多选

drop-down-list

下拉列表单选

drop-down-list

如何使用

DropDownState(
      DropDown(
        submitButtonText: kDone,
        submitButtonColor: const Color.fromRGBO(70, 76, 222, 1),
        searchHintText: kSearch,
        bottomSheetTitle: kCities,
        searchBackgroundColor: Colors.black12,
        dataList: widget.cities ?? [],
        selectedItems: (List<dynamic> selectedList) {
          showSnackBar(selectedList.toString());
        },
        selectedItem: (String selected) {
          showSnackBar(selected);
          widget.textEditingController.text = selected;
        },
        enableMultipleSelection: false,
        searchController: _searchTextEditingController,
      ),
    ).showModal(context);

许可证!

下拉列表是MIT许可

告诉我们!

如果您将使用我们组件的项目链接发送给我们,我们将非常高兴。只需发送电子邮件至[email protected],如有任何关于我们工作的问题或建议,请告知我们。

GitHub

查看 Github