flutter_icons

Flutter 的自定义图标,灵感来自 react-native-vector-icons。

用法

要使用此插件,请在您的 pubspec.yaml 文件中将 flutter_icons 添加为 依赖项

Widget

IconToggle

Prop 描述
selectedIconData 当值为 true 时显示的图标
unselectedIconData 当值为 false 时显示的图标
activeColor 当值为 true 时,将显示图标颜色
inactiveColor 当值为 false 时,将显示图标颜色
value 此 IconToggle 是否被选中。
onChanged 当 IconToggle 的值需要更改时调用。
duration 从选中图标到未选中图标的过渡持续时间
reverseDuration 从未选中图标到选中图标的过渡持续时间
transitionBuilder 选中图标和未选中图标之间的过渡动画函数

静态方法

Prop 描述
getIconData 返回 IconData 对象,例如:IconData iconData = AntDesign.getIconData("stepforward")
hasIconData 检查名称在当前图标集中是否有效。例如:bool isNameValid = AntDesign.hasIconData("stepforward")

IconExplorer

尝试运行 example 项目,或者下载 apk,在那里您还可以搜索任何图标。

flutter-icons

示例

// Import package
import 'package:flutter_icons/flutter_icons.dart';
import 'package:flutter/material.dart';

Icon(Ionicons.getIconData("ios-search"));
Icon(AntDesign.getIconData("stepforward"));
Icon(FontAwesome.getIconData("glass"));
Icon(MaterialIcons.getIconData("ac-unit"));
Icon(FontAwesome5.getIconData("address-book"));
Icon(FontAwesome5.getIconData("address-book",weight: IconWeight.Solid));
Icon(FontAwesome5.getIconData("500px", weight: IconWeight.Brand));

特别感谢 react native vector ICONS 库及其作者

GitHub

https://github.com/flutter-studio/flutter-icons