Question

我正在寻找 Flutter 插件以在我的一个 POC 项目中使用。想法是创建一个带有搜索选项的下拉字段，类似于您在 Yatra(dot)com 上看到的内容。

如果有人能指导我自己创建一个小部件来实现这一点，那将非常有帮助。

非常感谢任何指导。

Answer 1

看看这个 site 并尝试这个代码

Container(
              child: DropdownSearch<String>(
                mode: Mode.DIALOG,
                showSearchBox: true,
                searchBoxDecoration: InputDecoration(
                  filled: true,
                  fillColor: Colors.grey,
                ),
                showAsSuffixIcons: true,
                showClearButton: false,
                dropdownButtonBuilder: (_) => Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: const Icon(
                    Icons.arrow_drop_down,
                    size: 24,
                    color: Colors.red,
                  ),
                ),
                showSelectedItem: true,
                items: ["bs", "test", "company"],
                onChanged: (String newValue) {
                  setState(() {
                    // dropDownValue = newValue;
                  });
                },
                // selectedItem: dropDownValue,
              ),
            ),

Flutter 创建下拉搜索小部件

1 个答案: