虽然Flutter有许多内置的icon图标,但是有些特殊功能的话,需要自定义图标或者需要在iconfont 阿里巴巴的图标库里找对应合适的图标。
第一步:在iconfont 阿里巴巴里搜索想要的图标并加入到购物车,点击下载代码
后,会生成一些不同格式的字体文件,在Flutter中,我们使用ttf格式
即可。
第二步:下载下来解压后的文件,在项目的根目录下新建一个fonts
文件夹,把解压文件里的.json
和.ttf
文件copy到新建的fonts
文件夹中。其中.json
文件其实是用不到的,只是为了能更便捷的看到每个字体对应的unicode
,后面配置步骤会用到
第三步:在项目的pubspec.yaml
文件中找到fonts
配