flutter使用彩色图标

379 阅读1分钟

首先 添加flutter_svg插件

flutter pub add flutter_svg

然后安装flutter-iconfont-cli插件 基于node

npm i flutter-iconfont-cli 

生成依赖文件

npx iconfont-init

根目录下产生iconfont.json文件 目录如下

{
    "symbol_url": "",
    "save_dir": "./lib/iconfont",
    "trim_icon_prefix": "",
    "default_icon_size": 18,
    "null_safety": true
}

以使用阿里的iconFont为例 这时 只需去将iconfont购物车中的sympol项目在线链接放入symbol_url即可, 每次图标更新都需要更新链接地址与执行以下代码

npx iconfont-flutter