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,在那里您还可以搜索任何图标。
![]()
示例
// 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));