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