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就讲到这里了,谢谢🙏!
网友评论