想在 flutter 的 ListView 中显示所有图标

Question

我想制作一个屏幕，显示所有可用的 flutter 图标

任何人都可以建议我进行循环编码以在 ListView 图标和图标名称中显示所有 flutter 默认图标列表

Answer 1

使用这个 link https://github.com/Ahmadre/FlutterIconPicker/blob/master/lib/IconPicker/Packs/Material.dart 并获取所有可用的 flutter 图标，并使用列表视图列出。

上面的link包含了所有图标变量的名称。

Map<String, IconData> icons_data = {
 'ac_unit': Icons.ac_unit,
 'ac_unit_sharp': Icons.ac_unit_sharp,
 'ac_unit_rounded': Icons.ac_unit_rounded,
 'ac_unit_outlined': Icons.ac_unit_outlined,
  ect...
}


ListView.builder(
      shrinkWrap: true,
      itemCount: icons_data.length,
      itemBuilder: (context, index) {
        var item = icons_data.entries.elementAt(index);
        return Row(
          childern:[
           Text(item.key + " - "),
           Icon(item.value)
          ]
        );
      },
)

Answer 2

没有flutter API获取所有flutter图标。开发者可以一一访问所有这些默认图标。你可以自己做一个图标列表。例如：

  static const _iconList = <IconData>[
    Icons.cake,
    Icons.add_location_sharp,
    Icons.zoom_in_outlined,
    Icons.auto_awesome_motion,
    Icons.call_end_sharp,
    Icons.equalizer_rounded,
    Icons.wifi_lock,
    Icons.mail,
    etc................,
  ];

像这样使用listView中的列表

 ...
     Container(
      child: ListView(
        children: _iconList .map((icon) => Icon(icon)).toList(),
      ),
    )
    ...

您可以浏览 bleow links 中的所有 flutter 图标。

默认Material图标：https://api.flutter.dev/flutter/material/Icons-class.html

Flutter 自定义图标生成器： https://www.fluttericon.com/

FontAwesomeIcons: https://pub.dev/packages/font_awesome_flutter

其他 link : https://www.fluttericon.com/

想在 flutter 的 ListView 中显示所有图标

Want to show all icon in ListView of flutter

icons

listview

flutter