小知识,大挑战!本文正在参与“程序员必备小知识”创作活动
初步接触react-native 开发 app,一切皆使用的第三方组件库,用起来很爽,很方便,不用自己造轮子,例如图标 react-native-vector-icons (其实这个 配置还是有些麻烦,需要下包,还要引入字体文件,各种配置,而且有的 图标根本用不到),于是 就在想,能不能按需引入定制化的图标,例如 阿里巴巴矢量图 ,没有用过的同学 可以看官方的 教学文档
阿里巴巴矢量图
官网最好注册一个号,有GitHub可以直接关联登陆,值得提一下的是,最好创建一个自己的项目(方便维护管理),把你用的图标添加到该项目,再下载到本地
具体使用方法
选择 自己需要的图标 项目 新建 目录 src\assets\fonts 从阿里巴巴矢量图 下载后 将字体图标文件iconfont.ttf 放入 fonts 文件夹中 package.json 文件加入 如下配置
"rnpm": {
"assets": [
"./src/assets/fonts/"
]
},
根目录下 执行 react-native link
$ react-native link
info Linking assets to ios project
info Linking assets to android project
最后执行
react-native run-android
代码 在图标库里查看
<Text style={styles.iconStyle}>{'\ue7bc'}</Text>
非常感谢帅哥美女们能看到这里,如果这个文章写得还不错或者对你有一点点帮助,求点赞,求关注,求分享,当然有任何问题可以在评论讨论,我会积极回答的,再次感谢