2018-04-29

作者: 小和尚nn | 来源:发表于2018-04-29 20:22 被阅读38次

react-native-vector-icons速配


网上教程感觉很多都是粘贴复制,写的太过于仔细或者已经过时了,在我看来就是复杂,很多初学者其实只是想配置一个字体图标而已,我这里就直接上菜,精简到极致,照着做,几分钟就搞定:

首先

npm install react-native-vector-icons 

或者

yarn add react-native-vector-icons

然后: 下面这一步很重要,切记!

react-native link

一、iOS配置:

node_modules/react-native-vector-icons/fonts 文件直接拖入xcode打开的启动文件根目录比如(你的启动文件是demo.xcodeproj)

对,iOS就配置完了,没那么多繁琐的操作。

二、Android配置

只需要找到你的项目 android/app/build.gradle 在此文件下添加两行代码 :

copy]applyfrom:"../../node_modules/react-native-vector-icons/fonts.gradle"

project.ext.vectoricons=[iconFontNames: ['MaterialIcons.ttf','EvilIcons.ttf']//这里自己添加你需要的字体文件

OK大功告成,其他配置其实已经在你react-native link的时候自动给你配置了;

关于 react-native-vector-icons就讲到这里了,谢谢🙏!

相关文章

网友评论

    本文标题:2018-04-29

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