可搜索的图标列表

Question

我想创建一个下拉菜单或所有免费FontAwesomeIcons的列表，以允许用户选择他/她更喜欢的图标。此外，如果您编写某些内容，列表必须过滤图标(这是可选的(。

List<IconData> fontAwesomeIcons = [FontAwesomeIcons.accessibleIcon,FontAwesomeIcons.americanSignLanguageInterpreting,FontAwesomeIcons.assistiveListeningSystems,FontAwesomeIcons.audioDescription,];

Answer 1

您可以执行以下操作：

DropdownButton<IconData>(
value: dropdownValue,
onChanged: (IconDatanewValue) {
setState(() {
dropdownValue = newValue;
});
},
items: <IconData>[FontAwesomeIcons.accessibleIcon,FontAwesomeIcons.americanSignLanguageInterpreting,FontAwesomeIcons.assistiveListeningSystems,FontAwesomeIcons.audioDescription]
.map<DropdownMenuItem<IconData>>((IconData value) {
return DropdownMenuItem<IconData>(
value: value,
child: Text(value),
);
})
.toList(),
),

DropdownMenuItem是用于表示项的类。

当用户选择项目时调用onChanged。 查看文档以获取更多信息：

https://api.flutter.dev/flutter/material/DropdownButton-class.html