尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

flutter 中使用Iconfont 的详细步骤

flutter 中使用Iconfont 的详细步骤 文章目录一、 从Iconfont下载字体二、将字体文件放入Flutter项目三、在pubspec.yml 中注册字体四、编写脚本,生成Dart图标类五、在页面中使用一、 从Iconfont下载字体访问 iconfont.cn创建或选择项目, 添加需要的图标到项目点击【下载至本地】, 解压后会得到:iconfont.ttf (字体文件)iconfont.json (图标元数据,主要用于生成Dart代码)二、将字体文件放入Flutter项目在项目目录下创建assets/fonts/icon文件夹,将解压后的所有文件放入到该目录下your_project/ ├── assets/ │ └── fonts/ │ └── icon/ │ └── iconfont.ttf ├── lib/ ├── pubspec.yaml三、在pubspec.yml 中注册字体flutter:
返回列表