小技巧：Flutter如何优雅引用自定义图标？

Flutter 作为当下热门的跨平台开发框架，受到越来越多开发者的喜爱。然而，在使用 Flutter 开发过程中，我们经常会遇到需要引用自定义图标的情况，尤其是在项目中使用 Icon 图标时。

Iconfont 使用问题

提到引用自定义图标，很多人可能首先想到的是 Iconfont，它确实帮助我们解决了按项目管理图标以及生成.ttf文件的难题，但是对于 Flutter，这还远远不够。

• 首先，Iconfont 需要依赖后端，这对于一些没有后端资源的开发者来说并不是一个好的选择。
• 其次，Iconfont 生成的.ttf文件需要手动添加到 Flutter 项目中，这可能会增加开发者的工作量。
• 最后，Iconfont 生成的图标样式有限，难以满足一些开发者的个性化需求。

Fluttericon 惊艳出场

我说的是 fluttericon.com 这个网站，和 Iconfont 不一样，这是一个不需要任何后端的网站，所以如果你觉得访问国外网站速度太慢，你还可以从 GitHub 上 clone 一个离线版本。

Fluttericon 的使用方法非常简单：

1. 首先，打开 Fluttericon 网站，然后点击“Create New Icon Pack”按钮。
2. 在弹出的对话框中，输入你的图标包名称，然后点击“Create”按钮。
3. 在接下来的页面中，你可以上传你的图标文件，也可以从 Fluttericon 提供的图标库中选择图标。
4. 选择好图标后，点击“Generate”按钮，然后下载生成的 Flutter 代码。
5. 将下载的 Flutter 代码添加到你的项目中，然后就可以使用 Fluttericon 提供的图标了。

Fluttericon 优点

• Fluttericon 的优点在于它完全免费开源，开发者可以放心使用。
• Fluttericon 可以自定义项目图标，这可以满足开发者的个性化需求。
• Fluttericon 生成的图标样式丰富，开发者可以轻松找到自己需要的图标。
• Fluttericon 使用简单，只需要几步就可以完成图标的引用。
• Fluttericon 不需要依赖后端，这对于没有后端资源的开发者来说非常方便。

总结

Fluttericon 是一款非常实用的 Flutter 图标引用工具，它可以帮助开发者轻松引用自定义图标。Fluttericon 的优点在于它完全免费开源、可以自定义项目图标、图标样式丰富、使用简单、不需要依赖后端。如果你正在使用 Flutter 开发项目，不妨试试 Fluttericon，相信它不会让你失望。