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

安卓:

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容