RN库react-native-vector-icons自定义字体(图标)

1.fontello

这是比较快捷的方式,文档里也有提到

createIconSetFromFontello(config[, fontFamily[, fontFile]])

Convenience method to create a custom font based on a fontello config file. Don't forget to import the font as described above and drop the config.json somewhere convenient in your project.

import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontelloConfig from './config.json';
const Icon = createIconSetFromFontello(fontelloConfig);

在fontello上选好你的自定义图标,当然可以上传自定义的,不过支持svg好像,然后下载下来,包里有一个config.json,需要引入,另外需要把包里的.ttf的字体库文件加到项目里,这一步你在配置react-native-vector-icons的时候应该就做过了,不过我遇到一个坑,就是加入的字体,编译后再copy bundle resources里找不到,后来我就把字体直接拖到Resources文件夹下解决的。

2.iconfont

这个图标库数据比较多,对上传的格式也比较友好,具体操作还没测试,可以看这篇文章

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容