美文网首页
react-native-vector-icons使用自定义图标

react-native-vector-icons使用自定义图标

作者: 得到世界又如何我的心中只有你 | 来源:发表于2020-06-09 10:46 被阅读0次

一、安装python

      前往官网下载,目前python最新版本为3.7.2

二、前往阿里巴巴矢量库下载icon

三、安装 fonttools

pip install fonttools

如果提示pip不存在,则是python的环境未安装好

四、准备react-native-iconfont-mapper

该项目github地址:https://github.com/bob-chen/react-native-iconfont-mapper,但是里面的python代码不支持最新的python3.0版本,修改后的项目代码如下:

react-native-iconfont-mapper.rar

五、开始转换

把步骤2下载的ttf文件copy到react-native-iconfont-mapper目录下,执行命令

python iconfont-mapper.py iconfont.ttf iconfont.js

需要注意,生成的字符表json对象后面的值有引号,需要删除

相关文章

网友评论

      本文标题:react-native-vector-icons使用自定义图标

      本文链接:https://www.haomeiwen.com/subject/dfgkuctx.html