安卓:
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.未完待续。。
网友评论