美文网首页
react-native-vector-icons使用自定义图标

react-native-vector-icons使用自定义图标

作者: 挪威森林_29e6 | 来源:发表于2017-08-31 14:14 被阅读0次

    安卓:

    1.准备好标准svg图(标准为正方形)。

    2.使用网站https://icomoon.io/app-features.html,点击右上角“IconMoon App”,然后在新的页面中点击左上角“Import Icons”,选中所有svg图,上传之后,再次全部选中已上传的图表,点击右下角Generate Font,然后在新页面点击左上角Preferences,可以修改下载时的文件名称,点击右下角的DownLoad可以下载已经生成的icon文件

    3.Android的配置相对比较简单,如果只想使用在react-native-vector-icons中内置的图标,只需要在项目中android/app/build.gradle目录下增加:

              apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

    对于自定义的图标库,也只需要在android/app/build.gradle中添加:

              project.ext.vectoricons = [

                    iconFontNames: ['Iconfont.ttf' ] //添加你需要赋值的字符文件

               ]

              apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

    4.未完待续。。

    相关文章

      网友评论

          本文标题:react-native-vector-icons使用自定义图标

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