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

2017-08-31  本文已影响0人  挪威森林_29e6

安卓:

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.未完待续。。

上一篇 下一篇

猜你喜欢

热点阅读