可搜索的图标列表

时间:2019-09-27 07:59:58

标签: list listview flutter dart icons

我想创建一个下拉列表或所有免费FontAwesomeIcons的列表,以允许用户选择自己喜欢的一个。另外,如果您编写了一些内容,则列表必须过滤图标(可选)。

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

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

console.log(result)

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。 查看文档以获取更多信息:

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